@antscorp/antsomi-ui 2.0.6 → 2.0.8-3.text-editor-beta.1

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

@@ -1,14 +1,6 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/label-has-associated-control */
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
 import isToday from 'dayjs/plugin/isToday';
 import axios from 'axios';
@@ -77,13 +69,13 @@ const EditableInput = props => {
     useEffect(() => {
         validatePasswordForm();
     }, [debounceCheckPass]);
-    const handleChangePass = () => __awaiter(void 0, void 0, void 0, function* () {
+    const handleChangePass = async () => {
         if (!validatePasswordForm()) {
             return;
         }
         setLoading(true);
         if (handleUpdatePassword && typeof handleUpdatePassword === 'function') {
-            const result = yield handleUpdatePassword(curPassword.trim(), password.trim());
+            const result = await handleUpdatePassword(curPassword.trim(), password.trim());
             if (result) {
                 setOpenChangePass(false);
                 showSuccess({ content: 'Change password successfully!' });
@@ -93,7 +85,7 @@ const EditableInput = props => {
             }
             setLoading(false);
         }
-    });
+    };
     const showPopupPassword = e => {
         setOpenChangePass(true);
     };
@@ -103,15 +95,15 @@ const EditableInput = props => {
         }
         setIsEditting(prev => !prev);
     };
-    const handleSave = () => __awaiter(void 0, void 0, void 0, function* () {
+    const handleSave = async () => {
         if (handleUpdateField && typeof handleUpdateField === 'function') {
-            const result = yield handleUpdateField(fieldName);
+            const result = await handleUpdateField(fieldName);
             if (result) {
                 setOriginValue(value);
                 setIsEditting(prev => !prev);
             }
         }
-    });
+    };
     // const checkPasswordSave = () => {
     //     if (!oldPassword || oldPassword.trim().length < 8) {
     //         return false;
@@ -153,7 +145,7 @@ const EditableInput = props => {
             setIsOpenSwitch(useTwoStep);
             setIsShowQR(false);
             setQRCode('');
-            setObjectError(Object.assign(Object.assign({}, objectError), { g2fa_code: '' }));
+            setObjectError({ ...objectError, g2fa_code: '' });
         }
         else {
             showConfirm({
@@ -164,7 +156,7 @@ const EditableInput = props => {
     };
     const handleOnAuthen = () => {
         if (!g2faInput || !g2faInput.trim()) {
-            setObjectError(Object.assign(Object.assign({}, objectError), { g2fa_code: 'REQUIRED' }));
+            setObjectError({ ...objectError, g2fa_code: 'REQUIRED' });
         }
         else {
             setLoadingPage(true);
@@ -180,7 +172,10 @@ const EditableInput = props => {
                     showSuccess('Update successfully');
                 }
                 else {
-                    setObjectError(Object.assign(Object.assign({}, objectError), { g2fa_code: res.data.message }));
+                    setObjectError({
+                        ...objectError,
+                        g2fa_code: res.data.message,
+                    });
                 }
             })
                 .finally(() => setLoadingPage(false));
@@ -206,87 +201,26 @@ const EditableInput = props => {
     };
     const renderTwoStepAuthen = () => {
         const authenText = isOpenSwitch ? 'Enabled' : 'Disabled';
-        return (React.createElement(TwoStepAuthenWrapper, { style: isPreview ? { marginTop: 28, height: 22 } : { marginTop: 20, height: 'unset' } },
-            React.createElement("span", { className: "two-step-label", style: isPreview ? { top: 0 } : undefined }, translateLang('TWO_STEP_AUTHENTICATION')),
-            isPreview ? (authenText) : (React.createElement(Switch, { disabled: isDisabledEdit, checked: isOpenSwitch, onChange: handleChangeAuthen }))));
+        return (_jsxs(TwoStepAuthenWrapper, { style: isPreview ? { marginTop: 28, height: 22 } : { marginTop: 20, height: 'unset' }, children: [_jsx("span", { className: "two-step-label", style: isPreview ? { top: 0 } : undefined, children: translateLang('TWO_STEP_AUTHENTICATION') }), isPreview ? (authenText) : (_jsx(Switch, { disabled: isDisabledEdit, checked: isOpenSwitch, onChange: handleChangeAuthen }))] }));
     };
     const renderLastChange = () => {
         const lastChangeDate = dayjs(lastChangePass);
-        return (React.createElement(LastChangeWrapper, { style: isPreview ? { marginTop: 0 } : undefined },
-            React.createElement(Icon, { type: "icon-ants-material-done", className: "tick-icon" }),
-            lastChangePass && (React.createElement("span", { className: "last-change-time" },
-                "Last changed:",
-                ' ',
-                lastChangeDate.isToday()
-                    ? ` Today at ${lastChangeDate.format('HH:mm A')}`
-                    : lastChangeDate.format('MMM DD, YYYY HH:mm A')))));
+        return (_jsxs(LastChangeWrapper, { style: isPreview ? { marginTop: 0 } : undefined, children: [_jsx(Icon, { type: "icon-ants-material-done", className: "tick-icon" }), lastChangePass && (_jsxs("span", { className: "last-change-time", children: ["Last changed:", ' ', lastChangeDate.isToday()
+                            ? ` Today at ${lastChangeDate.format('HH:mm A')}`
+                            : lastChangeDate.format('MMM DD, YYYY HH:mm A')] }))] }));
     };
     if (isPreview) {
-        return (React.createElement(React.Fragment, null,
-            renderLastChange(),
-            renderTwoStepAuthen()));
+        return (_jsxs(_Fragment, { children: [renderLastChange(), renderTwoStepAuthen()] }));
     }
-    return (React.createElement(StyledEditableInput, null,
-        !isEditing ? (fieldName !== 'password' ? (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: "text-conversion mt-5" }, value || ''),
-            isUpdate ? (isDisabledEdit ? null : (React.createElement("i", { className: "icon-edit", onClick: () => setIsEditting(prev => !prev) }))) : null)) : (React.createElement("div", null,
-            React.createElement(Button, { type: "link", onClick: isDisabledEdit ? undefined : showPopupPassword, disabled: isDisabledEdit, style: { padding: 0 } }, "Change password"),
-            renderLastChange(),
-            renderTwoStepAuthen(),
-            isShowQR && isOpenSwitch ? (React.createElement("div", { className: "qr-form-wrapper" },
-                qrCode ? (React.createElement("img", { src: `data:image/gif;base64,${qrCode}`, className: "qr-form__img", alt: "qr-code" })) : (React.createElement(Spin, null)),
-                React.createElement("div", { className: "qr-form" },
-                    React.createElement("p", { className: "qr-form__header" }, translateLang('SETUP_GOOGLE_AUTHENTICATOR')),
-                    React.createElement("p", { className: "qr-form__description" },
-                        "1. ",
-                        translateLang('SEARCH_AND_INSTALL_GOOGLE_AUTHENTICATOR_ON_PHONE'),
-                        React.createElement("br", null),
-                        "2. ",
-                        translateLang('OPEN_AUTHENTICATOR_AND_SCAN_BARCODE'),
-                        " ",
-                        React.createElement("br", null),
-                        "3. ",
-                        translateLang('INPUT_CODE_AND_CLICK_CONFIRM_TO_FINISH'),
-                        " ",
-                        React.createElement("br", null)),
-                    React.createElement(Input, { type: "text", placeholder: translateLang('AUTHENTICATION_CODE'), className: "qr-form__input", value: g2faInput, onChange: e => {
-                            setG2faInput(e.target.value);
-                            if (e.target.value.trim().length) {
-                                setObjectError(Object.assign(Object.assign({}, objectError), { g2fa_code: null }));
-                            }
-                        }, autoComplete: "new-password", status: objectError.g2fa_code ? 'error' : undefined, errorMsg: translateLang(objectError.g2fa_code) }),
-                    React.createElement("div", { className: "qr-form__action" },
-                        React.createElement(Button, { type: "primary", onClick: () => handleOnAuthen() }, translateLang('SAVE')),
-                        React.createElement(Button, { type: "default", onClick: () => handleChangeAuthen(false) }, translateLang('CANCEL')))))) : null))) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "box-input inline" },
-                React.createElement(Input, { type: type, disabled: isDisabled, className: isDisabled ? 'form-control disabled' : 'form-control', placeholder: "", value: value, onChange: onChange, onBlur: onBlur, minLength: minLength, maxLength: maxLength, style: style, autoComplete: autoComplete || 'on', status: errorMsg ? 'error' : undefined, errorMsg: errorMsg })),
-            isUpdate ? (React.createElement("div", { className: "inline align-top ml-10" },
-                React.createElement("button", { type: "submit", className: "btn btn-green", onClick: handleSave }, "Save"),
-                React.createElement("button", { type: "button", className: "btn btn-grey", onClick: cancelEdit }, "Cancel"))) : null)),
-        React.createElement(ModalV2, { open: openChangePass, onCancel: () => setOpenChangePass(false), onOk: loading ? undefined : handleChangePass, okText: "Change password", okButtonProps: {
-                disabled: !valid,
-                loading,
-            } },
-            React.createElement(StyledChangePass, null,
-                React.createElement("div", { className: "row-input" },
-                    React.createElement("label", { htmlFor: "input-cur-password" },
-                        "Current password",
-                        React.createElement("span", { className: "required-mark" }, "*")),
-                    React.createElement("div", { className: "field-container" },
-                        React.createElement(Input, { id: "input-cur-password", type: "password", value: curPassword, onChange: e => setCurPassword(e.target.value) }))),
-                React.createElement("div", { className: "row-input" },
-                    React.createElement("label", { htmlFor: "input-password" },
-                        "New Password",
-                        React.createElement("span", { className: "required-mark" }, "*")),
-                    React.createElement("div", { className: "field-container" },
-                        React.createElement(Input, { id: "input-password", type: "password", value: password, onChange: e => setPassword(e.target.value) }))),
-                React.createElement("div", { className: "row-input" },
-                    React.createElement("label", { htmlFor: "input-confirm-password" },
-                        "Confirm Password",
-                        React.createElement("span", { className: "required-mark" }, "*")),
-                    React.createElement("div", { className: "field-container" },
-                        React.createElement(Input, { id: "input-confirm-password", type: "password", value: confirmPassword, onChange: e => setConfirmPassword(e.target.value) }))))),
-        contextHolder));
+    return (_jsxs(StyledEditableInput, { children: [!isEditing ? (fieldName !== 'password' ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-conversion mt-5", children: value || '' }), isUpdate ? (isDisabledEdit ? null : (_jsx("i", { className: "icon-edit", onClick: () => setIsEditting(prev => !prev) }))) : null] })) : (_jsxs("div", { children: [_jsx(Button, { type: "link", onClick: isDisabledEdit ? undefined : showPopupPassword, disabled: isDisabledEdit, style: { padding: 0 }, children: "Change password" }), renderLastChange(), renderTwoStepAuthen(), isShowQR && isOpenSwitch ? (_jsxs("div", { className: "qr-form-wrapper", children: [qrCode ? (_jsx("img", { src: `data:image/gif;base64,${qrCode}`, className: "qr-form__img", alt: "qr-code" })) : (_jsx(Spin, {})), _jsxs("div", { className: "qr-form", children: [_jsx("p", { className: "qr-form__header", children: translateLang('SETUP_GOOGLE_AUTHENTICATOR') }), _jsxs("p", { className: "qr-form__description", children: ["1. ", translateLang('SEARCH_AND_INSTALL_GOOGLE_AUTHENTICATOR_ON_PHONE'), _jsx("br", {}), "2. ", translateLang('OPEN_AUTHENTICATOR_AND_SCAN_BARCODE'), " ", _jsx("br", {}), "3. ", translateLang('INPUT_CODE_AND_CLICK_CONFIRM_TO_FINISH'), " ", _jsx("br", {})] }), _jsx(Input, { type: "text", placeholder: translateLang('AUTHENTICATION_CODE'), className: "qr-form__input", value: g2faInput, onChange: e => {
+                                            setG2faInput(e.target.value);
+                                            if (e.target.value.trim().length) {
+                                                setObjectError({ ...objectError, g2fa_code: null });
+                                            }
+                                        }, autoComplete: "new-password", status: objectError.g2fa_code ? 'error' : undefined, errorMsg: translateLang(objectError.g2fa_code) }), _jsxs("div", { className: "qr-form__action", children: [_jsx(Button, { type: "primary", onClick: () => handleOnAuthen(), children: translateLang('SAVE') }), _jsx(Button, { type: "default", onClick: () => handleChangeAuthen(false), children: translateLang('CANCEL') })] })] })] })) : null] }))) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "box-input inline", children: _jsx(Input, { type: type, disabled: isDisabled, className: isDisabled ? 'form-control disabled' : 'form-control', placeholder: "", value: value, onChange: onChange, onBlur: onBlur, minLength: minLength, maxLength: maxLength, style: style, autoComplete: autoComplete || 'on', status: errorMsg ? 'error' : undefined, errorMsg: errorMsg }) }), isUpdate ? (_jsxs("div", { className: "inline align-top ml-10", children: [_jsx("button", { type: "submit", className: "btn btn-green", onClick: handleSave, children: "Save" }), _jsx("button", { type: "button", className: "btn btn-grey", onClick: cancelEdit, children: "Cancel" })] })) : null] })), _jsx(ModalV2, { open: openChangePass, onCancel: () => setOpenChangePass(false), onOk: loading ? undefined : handleChangePass, okText: "Change password", okButtonProps: {
+                    disabled: !valid,
+                    loading,
+                }, children: _jsxs(StyledChangePass, { children: [_jsxs("div", { className: "row-input", children: [_jsxs("label", { htmlFor: "input-cur-password", children: ["Current password", _jsx("span", { className: "required-mark", children: "*" })] }), _jsx("div", { className: "field-container", children: _jsx(Input, { id: "input-cur-password", type: "password", value: curPassword, onChange: e => setCurPassword(e.target.value) }) })] }), _jsxs("div", { className: "row-input", children: [_jsxs("label", { htmlFor: "input-password", children: ["New Password", _jsx("span", { className: "required-mark", children: "*" })] }), _jsx("div", { className: "field-container", children: _jsx(Input, { id: "input-password", type: "password", value: password, onChange: e => setPassword(e.target.value) }) })] }), _jsxs("div", { className: "row-input", children: [_jsxs("label", { htmlFor: "input-confirm-password", children: ["Confirm Password", _jsx("span", { className: "required-mark", children: "*" })] }), _jsx("div", { className: "field-container", children: _jsx(Input, { id: "input-confirm-password", type: "password", value: confirmPassword, onChange: e => setConfirmPassword(e.target.value) }) })] })] }) }), contextHolder] }));
 };
 EditableInput.defaultProps = defaultProps;
 EditableInput.propTypes = propTypes;

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

@@ -1,6 +1,5 @@
-import React from 'react';
 declare const LanguageSelector: {
-    (props: any): React.JSX.Element | null;
+    (props: any): import("react/jsx-runtime").JSX.Element | null;
     defaultProps: {
         fieldName: string;
         value: string;

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

@@ -1,15 +1,7 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import langEngImg from './images/english.png';
 import langViImg from './images/vietnam.png';
 import { StyledSelect, StyledSelectOption } from './styles';
@@ -46,28 +38,26 @@ const LanguageSelector = props => {
             }
         }
     }, [value]);
-    const handleChange = (lang, item) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleChange = async (lang, item) => {
         if (onChange && typeof onChange === 'function') {
             onChange(lang, item);
             if (mode === 'update' && handleUpdateField && typeof handleUpdateField === 'function') {
-                const result = yield handleUpdateField(fieldName, lang);
+                const result = await handleUpdateField(fieldName, lang);
                 if (result) {
                     setOriginValue(value);
                     setIsEditting(prev => !prev);
                 }
             }
         }
-    });
-    const renderItem = lang => (React.createElement(StyledSelectOption, { key: lang.value },
-        React.createElement("img", { src: lang.value === 'en' ? langEngImg : langViImg, alt: "" }),
-        lang.label));
+    };
+    const renderItem = lang => (_jsxs(StyledSelectOption, { children: [_jsx("img", { src: lang.value === 'en' ? langEngImg : langViImg, alt: "" }), lang.label] }, lang.value));
     if (isPreview || isDisabledEdit) {
         const selectedItem = options.find(item => item.value === value);
         if (!selectedItem)
             return null;
         return renderItem(selectedItem);
     }
-    return (React.createElement(StyledSelect, { options: options.map(lang => ({
+    return (_jsx(StyledSelect, { options: options.map(lang => ({
             value: lang.value,
             label: renderItem(lang),
         })), value: value, onChange: handleChange, disabled: isDisabled }));

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

@@ -7,5 +7,5 @@ export declare const StyledSelect: import("styled-components").StyledComponent<(
     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;
-} & import("react").FC<import("@antscorp/antsomi-ui/es/components").SelectProps>, any, {}, never>;
+} & import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/Select").SelectProps>, any, {}, never>;
 export declare const StyledSelectOption: import("styled-components").StyledComponent<import("antd").TypographyProps, any, {}, never>;

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

@@ -1,5 +1,6 @@
-import { Select, Typography } from '@antscorp/antsomi-ui/es/components';
 import styled from 'styled-components';
+import { Typography } from '@antscorp/antsomi-ui/es/components/atoms/Typography';
+import { Select } from '@antscorp/antsomi-ui/es/components/molecules/Select';
 export const StyledSelect = styled(Select) `
   .img-lang {
     width: 21px;

package/es/components/organism/AccountProfile/components/AccountSetting/components/UploadAvatar/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 declare const UploadAvatar: {
-    (props: any): React.JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         maxFileSize: number;
         extensions: string[];

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

@@ -1,21 +1,11 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import axios from 'axios';
 // Services
 import { handleError, validateFile } from '../../utils';
 // import { TYPE_FORMAT_DATA } from '../../constants';
 const PATH = 'Src/components/UploadLogo/index.jsx';
 const UploadAvatar = props => {
-    const handleFileSelect = (event) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleFileSelect = async (event) => {
         try {
             // Monitor Log
             //   this.props.monitorLog({
@@ -27,7 +17,7 @@ const UploadAvatar = props => {
             const files = event.target.files || event.dataTransfer.files;
             if (files && files[0]) {
                 const file = files[0];
-                if (yield validateFile(file, extensions, maxFileSize, dimensions, callbackFileError)) {
+                if (await validateFile(file, extensions, maxFileSize, dimensions, callbackFileError)) {
                     const formData = new FormData();
                     formData.append(fileParamName, file);
                     //   formData.append('format', TYPE_FORMAT_DATA);
@@ -43,7 +33,10 @@ const UploadAvatar = props => {
                         uploadFile
                             .then(res => {
                             if (res.data && res.data.data) {
-                                onFileUploaded(Object.assign(Object.assign({}, res.data.data), { error: {} }));
+                                onFileUploaded({
+                                    ...res.data.data,
+                                    error: {},
+                                });
                             }
                         })
                             .finally(() => setLoading(false));
@@ -72,8 +65,8 @@ const UploadAvatar = props => {
                 args: {},
             });
         }
-    });
-    return React.createElement("input", { type: "file", id: "fileInput", name: "fileInput", onChange: handleFileSelect });
+    };
+    return _jsx("input", { type: "file", id: "fileInput", name: "fileInput", onChange: handleFileSelect });
 };
 UploadAvatar.defaultProps = {
     maxFileSize: 100,

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

@@ -1 +1,2 @@
-export { AccountSetting, type AccountSettingProps } from './AccountSetting';
+export { AccountSetting } from './AccountSetting';
+export type { AccountSettingProps } from './AccountSetting';

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

@@ -2,7 +2,7 @@
 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>;
-export declare const StyledDatePicker: import("styled-components").StyledComponent<import("../../../../molecules/DatePicker/DatePicker").TDatePicker, any, {}, never>;
+export declare const StyledDatePicker: import("styled-components").StyledComponent<import("antd/es/date-picker").DatePickerType, any, {}, never>;
 export declare const StyledCheckbox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
     Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
 }, any, {}, never>;

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

@@ -1,9 +1,8 @@
 import styled from 'styled-components';
-// import { UITabs as Tabs } from '@xlab-team/ui-components';
-// import TabScrollButton from '@material-ui/core/TabScrollButton';
-// import { breakdownMd } from 'utils/variables';
-import { Checkbox, Radio, DatePicker } from '@antscorp/antsomi-ui/es/components';
-// import { UIInputCalendar } from '@xlab-team/ui-components';
+import { DatePicker } from 'antd';
+// import { DatePicker } from '@antscorp/antsomi-ui/es/components/molecules/DatePicker/DatePicker';
+import { Checkbox } from '@antscorp/antsomi-ui/es/components/atoms/Checkbox';
+import { Radio } from '@antscorp/antsomi-ui/es/components/atoms/Radio';
 export const AccountDetail = styled.div `
   padding: 15px;
   .PrivateSwitchBase-root-1 {

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

@@ -1,27 +1,18 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { Modal } from '@antscorp/antsomi-ui/es/components';
 const useModal = () => {
     const [modal, contextHolder] = Modal.useModal();
-    const showConfirm = (_a) => {
-        var { title = 'Confirm', content, onOk, onCancel } = _a, rest = __rest(_a, ["title", "content", "onOk", "onCancel"]);
-        modal.confirm(Object.assign({ title,
+    const showConfirm = ({ title = 'Confirm', content, onOk, onCancel, ...rest }) => {
+        modal.confirm({
+            title,
             // icon: <Icon
             //       type="icon-ants-info"
             //       style={{ fontSize: 16, lineHeight: '25px', color: '#005EB8' }}
             //     />,
             content,
             onOk,
-            onCancel }, rest));
+            onCancel,
+            ...rest,
+        });
     };
     const showInfo = ({ content, title = 'Info' }) => {
         modal.info({
@@ -59,18 +50,21 @@ const useModal = () => {
             // ),
         });
     };
-    const showError = (_a) => {
-        var { content, title = 'Error', onOk, onCancel, onConfirm } = _a, rest = __rest(_a, ["content", "title", "onOk", "onCancel", "onConfirm"]);
+    const showError = ({ content, title = 'Error', onOk, onCancel, onConfirm, ...rest }) => {
         const modalFunc = onConfirm ? modal.confirm : modal.error;
-        modalFunc(Object.assign({ title,
-            content, 
+        modalFunc({
+            title,
+            content,
             // icon: (
             //   <Icon
             //     type="icon-ants-remove-circle"
             //     style={{ fontSize: 16, lineHeight: '25px', color: '#F44336' }}
             //   />
             // ),
-            onOk: onConfirm || onOk, onCancel }, rest));
+            onOk: onConfirm || onOk,
+            onCancel,
+            ...rest,
+        });
     };
     return {
         contextHolder,

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { FILE_UPLOAD_ERROR } from './constants';
 export const getObjectPropSafely = (fn, defaultValue = '') => {
     try {
@@ -56,7 +47,7 @@ export const isPermissionUpdate = response => response && response.data && respo
 export const handleError = (e, params) => {
     console.error(e);
 };
-export const validateFile = (file, extensions, maxFileSize, dimensions, callbackError) => __awaiter(void 0, void 0, void 0, function* () {
+export const validateFile = async (file, extensions, maxFileSize, dimensions, callbackError) => {
     const _URL = window.URL || window.webkitURL;
     let isValidDimension = true;
     let isValidImage = true;
@@ -71,7 +62,7 @@ export const validateFile = (file, extensions, maxFileSize, dimensions, callback
         callbackError(FILE_UPLOAD_ERROR.INVALID_FILE_SIZE);
         return false;
     }
-    isValidDimension = yield new Promise((resolve, reject) => {
+    isValidDimension = await new Promise((resolve, reject) => {
         const img = new Image();
         img.onload = () => {
             if (img.width > dimensions.width || img.height > dimensions.height) {
@@ -91,4 +82,4 @@ export const validateFile = (file, extensions, maxFileSize, dimensions, callback
         return false;
     }
     return true;
-});
+};