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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { List } from 'antd';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -7,7 +7,7 @@ export declare const WrapperBtn: import("styled-components").StyledComponent<"di
 export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperInputMode: import("styled-components").StyledComponent<"div", any, {
-    width?: CSSProperties['width'];
+    width?: CSSProperties["width"];
 }, never>;
 export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/UploadImage/styled.js

@@ -42,8 +42,9 @@ export const WrapperBtn = styled.div `
   z-index: 3;
   gap: 15px;
   opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:
+    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
+    transform, filter, backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 `;
@@ -62,8 +63,9 @@ export const Overlay = styled.div `
   z-index: 2;
   background-color: ${THEME.token?.bgLightTransparent};
   opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:
+    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
+    transform, filter, backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 `;

package/es/components/molecules/VirtualizedMenu/VirtualizedMenu.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { MODE } from './config';
 export declare const VirtualizedMenu: React.ForwardRefExoticComponent<Partial<{
     items: import("./types").ItemType[];
     inlineIndent: number;
@@ -12,12 +13,12 @@ export declare const VirtualizedMenu: React.ForwardRefExoticComponent<Partial<{
     expanded: string[];
     onClick: (args: {
         item: import("./types").ItemType;
-        domEvent?: React.MouseEvent<Element, MouseEvent> | undefined;
+        domEvent?: React.MouseEvent;
         elKey: "item" | "item-expand-el";
     }) => void;
     action: React.ReactNode | ((item: import("./types").ItemType, others: {
         expandEl: React.ReactNode;
     }) => React.ReactNode);
 }> & {
-    mode?: "inline" | undefined;
+    mode?: typeof MODE.Inline;
 } & React.RefAttributes<import("./types").VirtualizedMenuBaseHandle>>;

package/es/components/molecules/VirtualizedMenu/components/MenuInline/MenuInline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MenuInline: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Partial<{
     items: import("../../types").ItemType[];
     inlineIndent: number;
@@ -12,12 +11,12 @@ export declare const MenuInline: import("react").MemoExoticComponent<import("rea
     expanded: string[];
     onClick: (args: {
         item: import("../../types").ItemType;
-        domEvent?: import("react").MouseEvent<Element, MouseEvent> | undefined;
+        domEvent?: React.MouseEvent;
         elKey: "item" | "item-expand-el";
     }) => void;
-    action: import("react").ReactNode | ((item: import("../../types").ItemType, others: {
-        expandEl: import("react").ReactNode;
-    }) => import("react").ReactNode);
+    action: React.ReactNode | ((item: import("../../types").ItemType, others: {
+        expandEl: React.ReactNode;
+    }) => React.ReactNode);
 }> & {
-    mode?: "inline" | undefined;
+    mode?: "inline";
 } & import("react").RefAttributes<import("../../types").VirtualizedMenuBaseHandle>>>;

package/es/components/molecules/VirtualizedMenu/components/MenuInline/hooks/useFocusManagement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariableSizeList } from 'react-window';
 import { NormalizedNode } from '@antscorp/antsomi-ui/es/utils/tree';
 import { ItemType } from '../../../types';

package/es/components/molecules/VirtualizedMenu/components/MenuInline/hooks/useItemInteraction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NormalizedNode } from '@antscorp/antsomi-ui/es/utils/tree';
 import { ItemType, MenuInlineProps } from '../../../types';
 export interface UseItemInteractionReturn {

package/es/components/molecules/VirtualizedMenu/components/MenuInline/hooks/useKeyboardNavigation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NormalizedNode } from '@antscorp/antsomi-ui/es/utils/tree';
 import { ItemType, MenuInlineProps } from '../../../types';
 export interface UseKeyboardNavigationReturn {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { MemoryData } from './types';

package/es/components/molecules/VirtualizedMenu/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { ItemType } from './types';
 import { NormalizedTreeState } from '@antscorp/antsomi-ui/es/utils/tree';
 export declare const itemToTreeNode: (item: ItemType) => any;

package/es/components/molecules/index.d.ts

@@ -56,8 +56,8 @@ export { UnsubscribePreferences } from './UnsubscribePreferences';
 export { UnsubscribePreview } from './UnsubscribePreview';
 export * from './EmptyData';
 export * from './PreviewModal';
-export * from './Drawer';
 export * from './DrawerDetail';
+export * from './Drawer';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
 export * from './Tree';
@@ -76,8 +76,8 @@ export * from './ItemNotFound';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';
-export { QuillEditor } from './QuillEditor';
 export { ImagePreview } from './ImagePreview';
+export { QuillEditor } from './QuillEditor';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
 export type { ColorPickerProps } from './ColorPicker';
 export type { AlignEditProps, AlignSettingProps } from './AlignSetting';

package/es/components/molecules/index.js

@@ -55,8 +55,8 @@ export { UnsubscribePreferences } from './UnsubscribePreferences';
 export { UnsubscribePreview } from './UnsubscribePreview';
 export * from './EmptyData';
 export * from './PreviewModal';
-export * from './Drawer';
 export * from './DrawerDetail';
+export * from './Drawer';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
 export * from './Tree';
@@ -75,5 +75,5 @@ export * from './ItemNotFound';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';
-export { QuillEditor } from './QuillEditor';
 export { ImagePreview } from './ImagePreview';
+export { QuillEditor } from './QuillEditor';

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

@@ -87,11 +87,10 @@ export const AccountSetting = memo(forwardRef((props, ref) => {
         const accountInfo = await getAccountDetail().finally(() => {
             setLoading(false);
         });
-        const isValidDate = dayjs(accountInfo.birthday).isValid();
         if (accountInfo) {
             setForm({
                 ...accountInfo,
-                birthday: isValidDate ? dayjs(accountInfo.birthday) : null,
+                birthday: dayjs(accountInfo.birthday),
                 initDone: true,
             });
             setOriginEmail(accountInfo.email);

package/es/components/organism/AccountProfile/components/AccountSetting/components/EditableInput/constant.js

@@ -2,7 +2,7 @@ export const appConfig = {
     FILE_UPLOAD_ERROR: {
         INVALID_FILE_TYPE: 'INVALID_FILE_TYPE',
         INVALID_FILE_SIZE: 'INVALID_FILE_SIZE',
-        INVALID_FILE_DIMENSION: 'INVALID_FILE_DIMENSION'
+        INVALID_FILE_DIMENSION: 'INVALID_FILE_DIMENSION',
     },
     DEFAULT_KEY: {
         ID: 'ID',
@@ -59,6 +59,6 @@ export const appConfig = {
         'g2fa code invalid': 'g2fa code invalid',
         'Password is wrong': 'Password is wrong',
         'Invalid password': 'Invalid password',
-        NO_FILE_CHOSEN: 'No file chosen'
-    }
+        NO_FILE_CHOSEN: 'No file chosen',
+    },
 };

package/es/components/organism/AccountProfile/components/AccountSetting/components/EditableInput/index.js

@@ -23,7 +23,7 @@ const defaultProps = {
 };
 const EditableInput = props => {
     const [isEditing, setIsEditting] = useState(props.isEditing);
-    const { iamDomain, fieldName, type = 'text', value, maxLength = 1000, minLength = 0, placeholder, isUpdate, onChange, onBlur, handleUpdateField, handleUpdatePassword, isDisabled, isDisabledEdit, autoComplete, accountId, token, apiEndpoint, g2fa, style, isPreview: isPreviewInput, lastChangePass, errorMsg, setLoading: setLoadingPage } = props;
+    const { iamDomain, fieldName, type = 'text', value, maxLength = 1000, minLength = 0, placeholder, isUpdate, onChange, onBlur, handleUpdateField, handleUpdatePassword, isDisabled, isDisabledEdit, autoComplete, accountId, token, apiEndpoint, g2fa, style, isPreview: isPreviewInput, lastChangePass, errorMsg, setLoading: setLoadingPage, } = props;
     const isPreview = isPreviewInput || isDisabledEdit;
     const [loading, setLoading] = useState(false);
     const [openChangePass, setOpenChangePass] = useState(false);

package/es/components/organism/AccountProfile/components/AccountSetting/components/LanguageSelector/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const StyledSelect: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").SelectProps<ValueType, OptionType> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("rc-select").BaseSelectRef>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+export declare const StyledSelect: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").BaseOptionType | import("rc-select/lib/Select").DefaultOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<import("rc-select").BaseSelectRef>) => React.ReactElement) & {
     displayName?: string | undefined;
     SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
     Option: import("rc-select/lib/Option").OptionFC;
     OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 } & import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/Select").SelectProps>, any, {}, never>;
-export declare const StyledSelectOption: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const StyledSelectOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/es/components/organism/AccountProfile/components/AccountSetting/components/LanguageSelector/styles.js

@@ -14,7 +14,7 @@ export const StyledSelect = styled(Select) `
     background: url('~Assets/images/langs/vietnam.png') no-repeat;
   }
 `;
-export const StyledSelectOption = styled(Typography) `
+export const StyledSelectOption = styled(Typography.Text) `
   display: flex !important;
   justify-content: flex-start;
   align-items: center;

package/es/components/organism/AccountProfile/components/AccountSetting/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const AccountDetail: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DrawerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

package/es/components/organism/AccountProfile/components/AccountSetting/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AccountSettingProps {
     iamDomain: string;
     token: string;

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

@@ -1,2 +1 @@
-;
 export {};

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

@@ -15,11 +15,13 @@ export const getDefaultMessage = fieldName => {
         .map(word => word.charAt(0).toLowerCase() + word.slice(1))
         .join(' ')}`;
 };
-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 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 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,6 +16,5 @@ 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,7 +18,6 @@ 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';
@@ -43,7 +42,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, portalRedirectUrl, } = 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 { appConfig } = useAppConfigContext();
     const { env } = appConfig;
     const selectedNetworkRef = useRef();
@@ -316,13 +315,12 @@ 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: addEnvKey('api_r_token'), env });
-        removeAppCookieSessionSubdomain({ name: addEnvKey('api_pid'), env });
+        removeAppCookieSessionSubdomain({ name: 'api_r_token', env });
+        removeAppCookieSessionSubdomain({ name: 'api_pid', env });
         removeAppCookieSessionSubdomain({ name: 'user_id', env });
         removeAppCookieSessionSubdomain({ name: 'user_logged_in_email', env });
         removeAppCookieSessionSubdomain({ name: 'user_logged_in_full_name', env });
@@ -365,6 +363,7 @@ 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) {
@@ -398,19 +397,37 @@ export const AccountSharing = props => {
                     prefix = u_ogs.slice(0, index);
                 }
                 const newU_ogs = prefix + selectedNetworkRef?.current?.networkId;
-                const cookieOptions = createCrossSubdomainCookieOptions({
-                    hostname: newUrlObj.hostname,
-                    protocol: newUrlObj.protocol,
-                });
-                setCookie(newU_ogs, JSON.stringify(loginData), cookieOptions);
+                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',
+                        });
+                    }
+                }
             }
         }
-        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) {
+        if (selectedNetworkRef.current && selectedNetworkRef.current.homePage) {
             getAppsMenus({
                 token: postParam.token,
                 userId: accountId,
@@ -511,6 +528,5 @@ 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: min(335px, calc(100dvh - 380px));
+      max-height: 335px;
       overflow-y: auto;
       padding: 0 7px;
       .network-item {
@@ -299,20 +299,10 @@ export const PackageSharingStyled = styled.div `
           padding: 10px;
           border-radius: ${THEME.token?.borderRadius}px;
           transition: all 0.2s ease-in-out;
-
-          flex: 1;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-
-          height: 48px;
-          min-height: 48px;
-          max-height: 48px;
-          width: 100%;
-
+          /* width: 108px;
+          height: 45px; */
           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 | undefined;
+    timezone?: string;
 }> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <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,7 +1,6 @@
-/// <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,4 +1,3 @@
-/// <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>;