@antscorp/antsomi-ui 1.3.7-beta.68 → 1.3.7-beta.69

package/es/components/organism/AccountProfile/components/AccountSetting/utils.js

@@ -15,13 +15,11 @@ export const getDefaultMessage = fieldName => {
         .map(word => word.charAt(0).toLowerCase() + word.slice(1))
         .join(' ')}`;
 };
-export const getDuplicateMessage = fieldName => {
-    return `The ${fieldName
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .split(' ')
-        .map(word => word.charAt(0).toLowerCase() + word.slice(1))
-        .join(' ')} is already being used. Please try another.`;
-};
+export const getDuplicateMessage = fieldName => `The ${fieldName
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .split(' ')
+    .map(word => word.charAt(0).toLowerCase() + word.slice(1))
+    .join(' ')} is already being used. Please try another.`;
 export const validateEmail = value => {
     const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
     return emailRegex.test(value);

package/es/components/organism/AccountSharing/AccountSharing.d.ts

@@ -16,5 +16,6 @@ export interface AccountSharingProps {
     u_ogs: string;
     callbackLogout?: () => void;
     usePrivilege?: boolean;
+    portalRedirectUrl?: string;
 }
 export declare const AccountSharing: React.FC<AccountSharingProps>;

package/es/components/organism/AccountSharing/AccountSharing.js

@@ -18,6 +18,7 @@ import SearchIcon from './icons/search';
 import { InnerCardStyled, InputSearchStyled, PackageSharingStyled, TriggerPopoverStyled, } from './styled';
 // Utils
 import { formatUserId, getObjectPropSafely, removeAppCookieSessionSubdomain, removeAppCookieSessionSubdomainPrefix, setCookieSession, } from '@antscorp/antsomi-ui/es/utils';
+import { createCrossSubdomainCookieOptions } from '@antscorp/antsomi-ui/es/utils/crossSubdomainCookieOptions';
 import { translate } from './utils';
 import Icon from '@antscorp/icons';
 import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounceV2';
@@ -42,7 +43,7 @@ const InputSearch = props => {
     return (_jsxs(InputSearchStyled, { className: className || '', ref: wrapperRef, children: [_jsx("input", { className: "input-search-account", placeholder: "Search...", value: value, onChange: e => onChange(e.target.value), ref: inputRef }), value ? (_jsx(CloseIcon, { className: "remove-icon", onClick: onClickRemove })) : (_jsx(SearchIcon, { className: "search-icon" }))] }));
 };
 export const AccountSharing = props => {
-    const { permissionDomain = '', iamDomain = '', token = '', accountId = 0, networkId = 0, appCode = '', lang = 'en', translateData = DEFAULT_TRANSLATE_DATA, urlEditProfile = '', callbackGetInfoAccount, urlLogout = '', isShowSharing = false, isShareAccountAccess = false, u_ogs = '', callbackLogout, usePrivilege = true, } = props;
+    const { permissionDomain = '', iamDomain = '', token = '', accountId = 0, networkId = 0, appCode = '', lang = 'en', translateData = DEFAULT_TRANSLATE_DATA, urlEditProfile = '', callbackGetInfoAccount, urlLogout = '', isShowSharing = false, isShareAccountAccess = false, u_ogs = '', callbackLogout, usePrivilege = true, portalRedirectUrl, } = props;
     const { appConfig } = useAppConfigContext();
     const { env } = appConfig;
     const selectedNetworkRef = useRef();
@@ -315,12 +316,13 @@ export const AccountSharing = props => {
     };
     // const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
     const onClickButtonLogout = useCallback(() => {
+        const addEnvKey = key => (env ? `${key}_${env}` : key);
         // Handle remove cookie and redirect to login
         removeAppCookieSessionSubdomainPrefix({ name: UOGS_PREFIX, env });
         removeAppCookieSessionSubdomain({ name: 'c_pid', env });
         removeAppCookieSessionSubdomain({ name: 'api_token', env });
-        removeAppCookieSessionSubdomain({ name: 'api_r_token', env });
-        removeAppCookieSessionSubdomain({ name: 'api_pid', env });
+        removeAppCookieSessionSubdomain({ name: addEnvKey('api_r_token'), env });
+        removeAppCookieSessionSubdomain({ name: addEnvKey('api_pid'), env });
         removeAppCookieSessionSubdomain({ name: 'user_id', env });
         removeAppCookieSessionSubdomain({ name: 'user_logged_in_email', env });
         removeAppCookieSessionSubdomain({ name: 'user_logged_in_full_name', env });
@@ -363,7 +365,6 @@ export const AccountSharing = props => {
         if (postParam.error && postParam.error !== '')
             return;
         const newUrlObj = urlDomain(selectedNetworkRef?.current?.homePage);
-        const arrTmp = newUrlObj.hostname.split('.');
         if (postParam.action === 'ogs-authenticate') {
             const loginData = { ...postParam };
             if (loginData.full_name) {
@@ -397,37 +398,19 @@ export const AccountSharing = props => {
                     prefix = u_ogs.slice(0, index);
                 }
                 const newU_ogs = prefix + selectedNetworkRef?.current?.networkId;
-                if (newUrlObj.protocol !== 'https:') {
-                    if (arrTmp.length < 4) {
-                        setCookie(newU_ogs, JSON.stringify(loginData), {
-                            domain: arrTmp.slice(-2).join('.'),
-                            path: '/; samesite=None',
-                        });
-                    }
-                    else {
-                        setCookie(newU_ogs, JSON.stringify(loginData), {
-                            domain: arrTmp.slice(-3).join('.'),
-                            path: '/; samesite=None',
-                        });
-                    }
-                }
-                else {
-                    if (arrTmp.length < 4) {
-                        setCookie(newU_ogs, JSON.stringify(loginData), {
-                            domain: arrTmp.slice(-2).join('.'),
-                            path: '/; samesite=None; secure',
-                        });
-                    }
-                    else {
-                        setCookie(newU_ogs, JSON.stringify(loginData), {
-                            domain: arrTmp.slice(-3).join('.'),
-                            path: '/; samesite=None; secure',
-                        });
-                    }
-                }
+                const cookieOptions = createCrossSubdomainCookieOptions({
+                    hostname: newUrlObj.hostname,
+                    protocol: newUrlObj.protocol,
+                });
+                setCookie(newU_ogs, JSON.stringify(loginData), cookieOptions);
             }
         }
-        if (selectedNetworkRef.current && selectedNetworkRef.current.homePage) {
+        if (portalRedirectUrl) {
+            window.location.href = portalRedirectUrl
+                .replace(/:portal_id/g, selectedNetworkRef.current.networkId)
+                .replace(/:user_id/g, String(accountId || ''));
+        }
+        else if (selectedNetworkRef.current && selectedNetworkRef.current.homePage) {
             getAppsMenus({
                 token: postParam.token,
                 userId: accountId,
@@ -528,5 +511,6 @@ export const AccountSharing = props => {
                     backgroundColor: THEME.token?.blue1_2,
                     padding: '20px 15px',
                     width: '400px',
+                    maxHeight: 'calc(100dvh - 80px)',
                 }, children: _jsxs(TriggerPopoverStyled, { children: [_jsx("div", { className: "brand-logo", children: currentNetwork?.logo ? _jsx("img", { src: currentNetwork.logo, alt: "" }) : null }), _jsx("div", { className: "avatar", children: infoAccount ? _jsx("img", { src: infoAccount.avatar, alt: "" }) : null })] }) }), _jsx(AccountProfile, { accountId: accountId, iamDomain: formatDomain, token: token, isDisabledEdit: false, open: openAccountProfile, onClose: () => setOpenAccountProfile(false) })] }));
 };

package/es/components/organism/AccountSharing/styled.js

@@ -270,7 +270,7 @@ export const PackageSharingStyled = styled.div `
       grid-template-columns: 1fr 1fr 1fr;
       gap: 15px;
       margin-top: 26px;
-      max-height: 335px;
+      max-height: min(335px, calc(100dvh - 380px));
       overflow-y: auto;
       padding: 0 7px;
       .network-item {
@@ -299,10 +299,20 @@ export const PackageSharingStyled = styled.div `
           padding: 10px;
           border-radius: ${THEME.token?.borderRadius}px;
           transition: all 0.2s ease-in-out;
-          /* width: 108px;
-          height: 45px; */
+
+          flex: 1;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          height: 48px;
+          min-height: 48px;
+          max-height: 48px;
+          width: 100%;
+
           img {
             max-width: 100%;
+            max-height: 100%;
           }
         }
         .network-name {

package/es/components/organism/ActivityTimeline/components/ItemGroupEvent/ItemGroupEvent.d.ts

@@ -8,5 +8,5 @@ export declare const ItemGroupEvent: React.ForwardRefExoticComponent<Partial<{
     objectName: string;
     currency: string;
     eventTracking: EventTrackingWithMap;
-    timezone?: string;
+    timezone?: string | undefined;
 }> & React.RefAttributes<HTMLDivElement>>;

package/es/components/organism/ActivityTimeline/components/List/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ListItemEle: import("styled-components").StyledComponent<"li", any, {
     type: string;
     noBorderTop: boolean;

package/es/components/organism/ActivityTimeline/components/ListItem/styled.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const ListItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledListItem: import("styled-components").StyledComponent<"div", any, {
-    type: "timeline" | "underline";
+    type: 'timeline' | 'underline';
 }, never>;
 export declare const ListItemTimeLine: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ListItemTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/ProductCard/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const WrapCard: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ImgPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoPanel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/ActivityTimeline/components/Slide/styled.d.ts

@@ -1,96 +1,97 @@
+/// <reference types="react" />
 export declare const StyledBtnNavigation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const StyledSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("react").RefAttributes<import("swiper/react").SwiperRef> & Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyPress" | "onProgress" | "onResize" | "onClick" | "onDoubleClick" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onScroll" | "onTransitionEnd"> & import("swiper/types").SwiperOptions & {
-    tag?: string;
-    wrapperTag?: string;
-    onSwiper?: (swiper: import("swiper").default) => void;
-    onAutoplayStart?: (swiper: import("swiper").default) => void;
-    onAutoplayStop?: (swiper: import("swiper").default) => void;
-    onAutoplayPause?: (swiper: import("swiper").default) => void;
-    onAutoplayResume?: (swiper: import("swiper").default) => void;
-    onAutoplayTimeLeft?: (swiper: import("swiper").default, timeLeft: number, percentage: number) => void;
-    onAutoplay?: (swiper: import("swiper").default) => void;
-    onHashChange?: (swiper: import("swiper").default) => void;
-    onHashSet?: (swiper: import("swiper").default) => void;
-    onKeyPress?: (swiper: import("swiper").default, keyCode: string) => void;
-    onNavigationHide?: (swiper: import("swiper").default) => void;
-    onNavigationShow?: (swiper: import("swiper").default) => void;
-    onNavigationPrev?: (swiper: import("swiper").default) => void;
-    onNavigationNext?: (swiper: import("swiper").default) => void;
-    onPaginationRender?: (swiper: import("swiper").default, paginationEl: HTMLElement) => void;
-    onPaginationUpdate?: (swiper: import("swiper").default, paginationEl: HTMLElement) => void;
-    onPaginationHide?: (swiper: import("swiper").default) => void;
-    onPaginationShow?: (swiper: import("swiper").default) => void;
-    onScrollbarDragStart?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onScrollbarDragMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onScrollbarDragEnd?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onZoomChange?: (swiper: import("swiper").default, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
-    onScroll?: (swiper: import("swiper").default, event: WheelEvent) => void;
-    onInit?: (swiper: import("swiper").default) => any;
-    onBeforeDestroy?: (swiper: import("swiper").default) => void;
-    onSlidesUpdated?: (swiper: import("swiper").default) => void;
-    onSlideChange?: (swiper: import("swiper").default) => void;
-    onSlideChangeTransitionStart?: (swiper: import("swiper").default) => void;
-    onSlideChangeTransitionEnd?: (swiper: import("swiper").default) => void;
-    onSlideNextTransitionStart?: (swiper: import("swiper").default) => void;
-    onSlideNextTransitionEnd?: (swiper: import("swiper").default) => void;
-    onSlidePrevTransitionStart?: (swiper: import("swiper").default) => void;
-    onSlidePrevTransitionEnd?: (swiper: import("swiper").default) => void;
-    onTransitionStart?: (swiper: import("swiper").default) => void;
-    onTransitionEnd?: (swiper: import("swiper").default) => void;
-    onTouchStart?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchMoveOpposite?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onSliderMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchEnd?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onClick?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTap?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onDoubleTap?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onProgress?: (swiper: import("swiper").default, progress: number) => void;
-    onReachBeginning?: (swiper: import("swiper").default) => void;
-    onReachEnd?: (swiper: import("swiper").default) => void;
-    onToEdge?: (swiper: import("swiper").default) => void;
-    onFromEdge?: (swiper: import("swiper").default) => void;
-    onSetTranslate?: (swiper: import("swiper").default, translate: number) => void;
-    onSetTransition?: (swiper: import("swiper").default, transition: number) => void;
-    onResize?: (swiper: import("swiper").default) => void;
-    onObserverUpdate?: (swiper: import("swiper").default) => void;
-    onBeforeLoopFix?: (swiper: import("swiper").default) => void;
-    onLoopFix?: (swiper: import("swiper").default) => void;
-    onBreakpoint?: (swiper: import("swiper").default, breakpointParams: import("swiper/types").SwiperOptions) => void;
-    _beforeBreakpoint?: (swiper: import("swiper").default, breakpointParams: import("swiper/types").SwiperOptions) => void;
-    _containerClasses?: (swiper: import("swiper").default, classNames: string) => void;
-    _slideClass?: (swiper: import("swiper").default, slideEl: HTMLElement, classNames: string) => void;
-    _slideClasses?: (swiper: import("swiper").default, slides: {
+    tag?: string | undefined;
+    wrapperTag?: string | undefined;
+    onSwiper?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAutoplayStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAutoplayStop?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAutoplayPause?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAutoplayResume?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAutoplayTimeLeft?: ((swiper: import("swiper/react").SwiperClass, timeLeft: number, percentage: number) => void) | undefined;
+    onAutoplay?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onHashChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onHashSet?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onKeyPress?: ((swiper: import("swiper/react").SwiperClass, keyCode: string) => void) | undefined;
+    onNavigationHide?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onNavigationShow?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onNavigationPrev?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onNavigationNext?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onPaginationRender?: ((swiper: import("swiper/react").SwiperClass, paginationEl: HTMLElement) => void) | undefined;
+    onPaginationUpdate?: ((swiper: import("swiper/react").SwiperClass, paginationEl: HTMLElement) => void) | undefined;
+    onPaginationHide?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onPaginationShow?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onScrollbarDragStart?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onScrollbarDragMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onScrollbarDragEnd?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onZoomChange?: ((swiper: import("swiper/react").SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void) | undefined;
+    onScroll?: ((swiper: import("swiper/react").SwiperClass, event: WheelEvent) => void) | undefined;
+    onInit?: ((swiper: import("swiper/react").SwiperClass) => any) | undefined;
+    onBeforeDestroy?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlidesUpdated?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideChangeTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideChangeTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideNextTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideNextTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlidePrevTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlidePrevTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onTouchStart?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onTouchMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onTouchMoveOpposite?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onSliderMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onTouchEnd?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onClick?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onTap?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onDoubleTap?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onProgress?: ((swiper: import("swiper/react").SwiperClass, progress: number) => void) | undefined;
+    onReachBeginning?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onReachEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onToEdge?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onFromEdge?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSetTranslate?: ((swiper: import("swiper/react").SwiperClass, translate: number) => void) | undefined;
+    onSetTransition?: ((swiper: import("swiper/react").SwiperClass, transition: number) => void) | undefined;
+    onResize?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onObserverUpdate?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBeforeLoopFix?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onLoopFix?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBreakpoint?: ((swiper: import("swiper/react").SwiperClass, breakpointParams: import("swiper/types").SwiperOptions) => void) | undefined;
+    _beforeBreakpoint?: ((swiper: import("swiper/react").SwiperClass, breakpointParams: import("swiper/types").SwiperOptions) => void) | undefined;
+    _containerClasses?: ((swiper: import("swiper/react").SwiperClass, classNames: string) => void) | undefined;
+    _slideClass?: ((swiper: import("swiper/react").SwiperClass, slideEl: HTMLElement, classNames: string) => void) | undefined;
+    _slideClasses?: ((swiper: import("swiper/react").SwiperClass, slides: {
         slideEl: HTMLElement;
         classNames: string;
         index: number;
-    }[]) => void;
-    _swiper?: (swiper: import("swiper").default) => void;
-    _freeModeNoMomentumRelease?: (swiper: import("swiper").default) => void;
-    onActiveIndexChange?: (swiper: import("swiper").default) => void;
-    onSnapIndexChange?: (swiper: import("swiper").default) => void;
-    onRealIndexChange?: (swiper: import("swiper").default) => void;
-    onAfterInit?: (swiper: import("swiper").default) => void;
-    onBeforeInit?: (swiper: import("swiper").default) => void;
-    onBeforeResize?: (swiper: import("swiper").default) => void;
-    onBeforeSlideChangeStart?: (swiper: import("swiper").default) => void;
-    onBeforeTransitionStart?: (swiper: import("swiper").default, speed: number, internal: any) => void;
-    onChangeDirection?: (swiper: import("swiper").default) => void;
-    onDoubleClick?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onDestroy?: (swiper: import("swiper").default) => void;
-    onMomentumBounce?: (swiper: import("swiper").default) => void;
-    onOrientationchange?: (swiper: import("swiper").default) => void;
-    onSlideResetTransitionStart?: (swiper: import("swiper").default) => void;
-    onSlideResetTransitionEnd?: (swiper: import("swiper").default) => void;
-    onSliderFirstMove?: (swiper: import("swiper").default, event: TouchEvent) => void;
-    onSlidesLengthChange?: (swiper: import("swiper").default) => void;
-    onSlidesGridLengthChange?: (swiper: import("swiper").default) => void;
-    onSnapGridLengthChange?: (swiper: import("swiper").default) => void;
-    onUpdate?: (swiper: import("swiper").default) => void;
-    onLock?: (swiper: import("swiper").default) => void;
-    onUnlock?: (swiper: import("swiper").default) => void;
+    }[]) => void) | undefined;
+    _swiper?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    _freeModeNoMomentumRelease?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onActiveIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSnapIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onRealIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onAfterInit?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBeforeInit?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBeforeResize?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBeforeSlideChangeStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onBeforeTransitionStart?: ((swiper: import("swiper/react").SwiperClass, speed: number, internal: any) => void) | undefined;
+    onChangeDirection?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onDoubleClick?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
+    onDestroy?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onMomentumBounce?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onOrientationchange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideResetTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlideResetTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSliderFirstMove?: ((swiper: import("swiper/react").SwiperClass, event: TouchEvent) => void) | undefined;
+    onSlidesLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSlidesGridLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onSnapGridLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onUpdate?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onLock?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    onUnlock?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
 } & {
-    children?: import("react").ReactNode | undefined;
+    children?: import("react").ReactNode;
 }>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/TimeLineTitle/styled.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const TimelineTitleRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DateTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/TimelineSection/styled.d.ts

@@ -7,7 +7,7 @@ export declare const TimelineContainer: import("styled-components").StyledCompon
 export declare const TimelinePanel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineHead: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapIcon: import("styled-components").StyledComponent<"div", any, {
-    bgIcon?: string;
+    bgIcon?: string | undefined;
 }, never>;
 export declare const TimelineDate: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleTimeline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/ActivityTimeline/index.d.ts

@@ -1,12 +1,26 @@
+/// <reference types="react" />
 export type { ActivityTimeLineProps } from './types';
-export declare const ActivityTimeline: ((props: import("./types").ActivityTimeLineProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const ActivityTimeline: ((props: Partial<{
+    isLoading: boolean;
+    timelines: import("./types").Timeline[];
+    timelineAvailable: boolean;
+    timezone: string;
+    title: string;
+    objectName: string;
+    eventTracking: import("./types").EventTracking[];
+    onFetchMore: () => Promise<void>;
+    longDateTimeFormat: string;
+    header: import("react").ReactNode;
+    className: string;
+    threshold?: number | undefined;
+}>) => import("react/jsx-runtime").JSX.Element) & {
     Utils: Readonly<{
         getInfoEvent: (params: {
             eType: string;
             itemEvent: Record<string, any>;
             eventTracking: import("./types").EventTrackingWithMap;
             config: import("../../..").AppConfigProviderProps;
-            customerName?: string;
+            customerName?: string | undefined;
         }) => {
             titleEvent: string;
             fullContentEvent: string;

package/es/components/organism/ActivityTimeline/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyldTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledNoData: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type Timeline = Record<string, any>;
 export type EventTracking = Record<string, any>;
 export type EventTrackingWithMap = {

package/es/components/organism/AlgorithmsSetting/styled.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import type { ContentSourceModeView } from '../ContentSources/types';
 export declare const AlgorithmsSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
+export declare const StyledTabs: import("styled-components").StyledComponent<import("react").FC<import("antd/es/tabs").TabsProps> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
-    shadow?: boolean;
+    shadow?: boolean | undefined;
 }, never>;
 export declare const AlgorithmWrapper: import("styled-components").StyledComponent<"div", any, {
     mode: ContentSourceModeView;

package/es/components/organism/BasicLogin/components/ChooseMethod/Method.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type TMethod = {
     onClick: (name: string) => void;
     icon: React.ReactNode;

package/es/components/organism/BasicLogin/components/ChooseMethod/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const TextInfo: import("styled-components").StyledComponent<"span", any, {
     isMobile: boolean;
 }, never>;
@@ -5,5 +6,5 @@ export declare const SubTitle: import("styled-components").StyledComponent<"span
     isMobile: boolean;
 }, never>;
 export declare const BlockMethod: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
-    disable?: boolean;
+    disable?: boolean | undefined;
 }, never>;

package/es/components/organism/BasicLogin/components/WidgetLayout/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Title: import("styled-components").StyledComponent<"div", any, {
     isMobile: boolean;
 }, never>;

package/es/components/organism/BasicLogin/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const LoginMain: 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 WrapperLogin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
     isMobile: boolean;
@@ -8,32 +9,32 @@ export declare const Image: import("styled-components").StyledComponent<"img", a
 export declare const WrapperContent: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const AvatarImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledForm: import("styled-components").StyledComponent<(<Values = any>(props: import("antd").FormProps<Values> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<import("antd").FormInstance<Values>>) => React.ReactElement) & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd").FormInstance<Values>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     displayName?: string | undefined;
 } & {
     useForm: typeof import("antd/es/form/Form").useForm;
     useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     useWatch: typeof import("rc-field-form").useWatch;
-    Item: (<Values = any>(props: import("antd").FormItemProps<Values>) => React.ReactElement) & {
+    Item: (<Values_1 = any>(props: import("antd").FormItemProps<Values_1>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
         useStatus: () => {
-            status?: import("antd/es/form/FormItem").ValidateStatus;
-            errors: React.ReactNode[];
-            warnings: React.ReactNode[];
+            status?: "" | "warning" | "error" | "success" | "validating" | undefined;
+            errors: import("react").ReactNode[];
+            warnings: import("react").ReactNode[];
         };
     };
     List: import("react").FC<import("antd/es/form").FormListProps>;
     ErrorList: import("react").FC<import("antd/es/form").ErrorListProps>;
-    Provider: typeof import("antd/es/form/context").FormProvider;
+    Provider: import("react").FC<import("antd/es/form/context").FormProviderProps>;
     create: () => void;
 }, any, {
     isMobile: boolean;
 }, never>;
-export declare const StyleInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("rc-input").InputRef>> & {
+export declare const StyleInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>> & {
     Group: import("react").FC<import("antd/es/input").GroupProps>;
-    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("rc-input").InputRef>>;
+    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("rc-input").InputRef>>;
+    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
 }, any, {
     isMobile: boolean;
 }, never>;
@@ -43,7 +44,7 @@ export declare const StyleButton: import("styled-components").StyledComponent<im
     isMobile: boolean;
 }, never>;
 export declare const Text: import("styled-components").StyledComponent<"span", any, {
-    color?: string;
+    color?: string | undefined;
     isMobile: boolean;
-    isBold?: boolean;
+    isBold?: boolean | undefined;
 }, never>;

package/es/components/organism/ContentSources/Settings.d.ts

@@ -8,6 +8,9 @@ interface SettingsProps {
     applyFor?: string;
     hideOptionTypes?: HideOptionTypes;
     onChange: (contentSource: TContentSourceSettings) => void;
+    onBOChange?: (item: {
+        itemTypeId: number;
+    }) => void;
     initValue?: TContentSourceSettings;
     isShowErrorAlert: boolean;
     journeySettings: JourneySettings;

package/es/components/organism/ContentSources/Settings.js

@@ -28,7 +28,7 @@ import { deleteContentSourceGroup, setContentSourceGroup, setContentSourceGroupB
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/organism/ContentSources/Settings.tsx';
 const Settings = (props) => {
-    const { serviceAuth, mode, isShowErrorAlert, initValue, justOneGroup = false, journeySettings, hideOptionTypes, applyFor, onChange, } = props;
+    const { serviceAuth, mode, isShowErrorAlert, initValue, justOneGroup = false, journeySettings, hideOptionTypes, applyFor, onChange, onBOChange, } = props;
     const { url = '', userId, token, accountId } = serviceAuth;
     const { t } = i18nInstance;
     const boIdByGroupCS = useSelectBoIdByGroupFromCS();

package/es/components/organism/ContentSources/index.d.ts

@@ -11,6 +11,9 @@ export interface ContentSourceProps {
     mode: ContentSourceModeView;
     initValue?: TContentSourceSettings;
     onChange: (contentSource: TContentSourceSettings) => void;
+    onBOChange?: (item: {
+        itemTypeId: number;
+    }) => void;
     journeySettings: JourneySettings;
 }
 declare const _default: React.MemoExoticComponent<{

package/es/components/organism/ContentSources/index.js

@@ -21,6 +21,7 @@ const defaultProps = {
     journeySettings: JOURNEY_SETTINGS_DEFAULT,
     mode: 'CDP',
     onChange: () => { },
+    onBOChange: () => { },
     serviceAuth: {
         url: '',
         token: '',
@@ -29,10 +30,10 @@ const defaultProps = {
     },
 };
 const ContentSource = (props) => {
-    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, applyFor, justOneGroup, initValue, hideOptionTypes, journeySettings, onChange, } = props;
+    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, applyFor, justOneGroup, initValue, hideOptionTypes, journeySettings, onChange, onBOChange, } = props;
     if (!useQueryClient)
-        return (_jsx(Settings, { mode: mode, applyFor: applyFor, initValue: initValue, hideOptionTypes: hideOptionTypes, justOneGroup: justOneGroup, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
-    return (_jsx(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI, children: _jsx(ContentSourceProvider, { children: _jsx(Settings, { mode: mode, initValue: initValue, applyFor: applyFor, justOneGroup: justOneGroup, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }) }) }));
+        return (_jsx(Settings, { mode: mode, applyFor: applyFor, initValue: initValue, hideOptionTypes: hideOptionTypes, justOneGroup: justOneGroup, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange, onBOChange: onBOChange }));
+    return (_jsx(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI, children: _jsx(ContentSourceProvider, { children: _jsx(Settings, { mode: mode, initValue: initValue, applyFor: applyFor, justOneGroup: justOneGroup, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange, onBOChange: onBOChange }) }) }));
 };
 ContentSource.defaultProps = defaultProps;
 export default memo(ContentSource);