@aws-amplify/ui-react 5.3.2 → 6.0.0

package/dist/esm/components/AccountSettings/AccountSettings.mjs

@@ -1 +1,6 @@
-import e from"./ChangePassword/ChangePassword.mjs";import r from"./DeleteUser/DeleteUser.mjs";var s={ChangePassword:e,DeleteUser:r};export{s as default};
+import ChangePassword from './ChangePassword/ChangePassword.mjs';
+import DeleteUser from './DeleteUser/DeleteUser.mjs';
+
+var AccountSettings = { ChangePassword, DeleteUser };
+
+export { AccountSettings as default };

package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs

@@ -1 +1,209 @@
-import i from"react";import e from"lodash/isEqual.js";import{Logger as r}from"aws-amplify";import{getDefaultPasswordValidators as s,runFieldValidators as t,getDefaultConfirmPasswordValidators as m,translate as o,changePassword as a}from"@aws-amplify/ui";import{useAuth as p}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/ui-react-core";import"@aws-amplify/storage";import"../../ThemeProvider/AmplifyContext.mjs";import"../../../primitives/shared/constants.mjs";import"tslib";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/AlertIcon.mjs";import"classnames";import{View as l}from"../../../primitives/View/View.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"../../../primitives/Field/FieldClearButton.mjs";import"../../../primitives/Field/FieldDescription.mjs";import"../../../primitives/Field/FieldErrorMessage.mjs";import"../../../primitives/Field/Field.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/DropZone/DropZone.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Fieldset/Fieldset.mjs";import"../../../primitives/Fieldset/useFieldset.mjs";import{Flex as n}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Input/Input.mjs";import"../../../primitives/Label/Label.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Message/Message.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as d}from"../constants.mjs";import u from"./defaults.mjs";const c=new r("ChangePassword");function v({onSuccess:r,onError:v,validators:j,components:w}){const[F,g]=i.useState(null),[P,f]=i.useState({}),[b,h]=i.useState({}),T=i.useRef([]),{user:C,isLoading:B}=p(),S=((i,e)=>{var r,s;const{currentPassword:t,newPassword:m,confirmPassword:o}=i;return!(t&&m&&o)||((null===(r=e.newPassword)||void 0===r?void 0:r.length)>0||(null===(s=e.confirmPassword)||void 0===s?void 0:s.length)>0)})(P,b),E=i.useMemo((()=>null!=j?j:s()),[j]),x=i.useCallback((({formValues:i,eventType:e})=>{const{newPassword:r}=i,s=T.current.includes("newPassword");return t({value:r,validators:E,eventType:e,hasBlurred:s})}),[E]),y=i.useCallback((({formValues:i,eventType:e})=>{const{newPassword:r,confirmPassword:s}=i,o=T.current.includes("confirmPassword"),a=m(r);return t({value:s,validators:a,eventType:e,hasBlurred:o})}),[]),M=i.useCallback((i=>{const r={newPassword:x(i),confirmPassword:y(i)};e(b,r)||h(r)}),[y,x,b]),I=o("Current Password"),G=o("New Password"),V=o("Confirm Password"),R=o("Update password"),{CurrentPasswordField:A,NewPasswordField:D,ConfirmPasswordField:k,SubmitButton:H,ErrorMessage:L}=i.useMemo((()=>Object.assign(Object.assign({},u),null!=w?w:{})),[w]),N=i=>{i.preventDefault();const{name:e,value:r}=i.target,s=Object.assign(Object.assign({},P),{[e]:r});M({formValues:s,eventType:"change"}),f(s)},q=i=>{i.preventDefault();const{name:e}=i.target;if(!T.current.includes(e)){const i=[...T.current,e];T.current=i,M({formValues:P,eventType:"blur"})}};return B?null:C?i.createElement(l,{as:"form",className:d.ChangePassword,onSubmit:i=>{if(i.preventDefault(),!C)return;const{currentPassword:e,newPassword:s}=P;F&&g(null),a({user:C,currentPassword:e,newPassword:s}).then((()=>{null==r||r()})).catch((i=>{const e=i;e.message&&g(e.message),null==v||v(e)}))}},i.createElement(n,{direction:"column"},i.createElement(A,{autoComplete:"current-password",isRequired:!0,label:I,name:"currentPassword",onBlur:q,onChange:N}),i.createElement(D,{autoComplete:"new-password",fieldValidationErrors:null==b?void 0:b.newPassword,isRequired:!0,label:G,name:"newPassword",onBlur:q,onChange:N}),i.createElement(k,{autoComplete:"new-password",fieldValidationErrors:null==b?void 0:b.confirmPassword,isRequired:!0,label:V,name:"confirmPassword",onBlur:q,onChange:N}),i.createElement(H,{isDisabled:S,type:"submit"},R),F?i.createElement(L,null,F):null)):(c.warn("<ChangePassword /> requires user to be authenticated."),null)}v.CurrentPasswordField=u.CurrentPasswordField,v.NewPasswordField=u.NewPasswordField,v.ConfirmPasswordField=u.ConfirmPasswordField,v.SubmitButton=u.SubmitButton,v.ErrorMessage=u.ErrorMessage;export{v as default};
+import React__default from 'react';
+import isEqual from 'lodash/isEqual.js';
+import { useSetUserAgent } from '@aws-amplify/ui-react-core';
+import { getLogger, getDefaultPasswordValidators, runFieldValidators, getDefaultConfirmPasswordValidators, changePassword } from '@aws-amplify/ui';
+import { useAuth } from '../../../hooks/useAuth.mjs';
+import 'aws-amplify/storage';
+import '../../ThemeProvider/ThemeContext.mjs';
+import '../../../primitives/Alert/AlertIcon.mjs';
+import { View } from '../../../primitives/View/View.mjs';
+import '../../../primitives/Icon/context/IconsContext.mjs';
+import '../../../primitives/Field/FieldClearButton.mjs';
+import '../../../primitives/Field/FieldDescription.mjs';
+import '../../../primitives/Field/FieldErrorMessage.mjs';
+import '../../../primitives/Field/Field.mjs';
+import '../../../primitives/Alert/Alert.mjs';
+import '../../../primitives/Autocomplete/Autocomplete.mjs';
+import '../../../primitives/Badge/Badge.mjs';
+import '../../../primitives/Breadcrumbs/Breadcrumbs.mjs';
+import '../../../primitives/Button/Button.mjs';
+import '../../../primitives/ButtonGroup/ButtonGroup.mjs';
+import '../../../primitives/Card/Card.mjs';
+import '../../../primitives/CheckboxField/CheckboxField.mjs';
+import '../../../primitives/Collection/Collection.mjs';
+import '../../../primitives/Divider/Divider.mjs';
+import '../../../primitives/DropZone/DropZone.mjs';
+import '../../../primitives/Accordion/Accordion.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs';
+import '../../../primitives/Fieldset/Fieldset.mjs';
+import '../../../primitives/Fieldset/useFieldset.mjs';
+import { Flex } from '../../../primitives/Flex/Flex.mjs';
+import '../../../primitives/Grid/Grid.mjs';
+import '../../../primitives/Heading/Heading.mjs';
+import '../../../primitives/HighlightMatch/HighlightMatch.mjs';
+import '../../../primitives/Icon/Icon.mjs';
+import '../../../primitives/Image/Image.mjs';
+import '../../../primitives/Input/Input.mjs';
+import '../../../primitives/Label/Label.mjs';
+import '../../../primitives/Link/Link.mjs';
+import '../../../primitives/Loader/Loader.mjs';
+import '../../../primitives/Menu/Menu.mjs';
+import '../../../primitives/Menu/MenuButton.mjs';
+import '../../../primitives/Menu/MenuItem.mjs';
+import '../../../primitives/Message/Message.mjs';
+import '../../../primitives/Pagination/Pagination.mjs';
+import '../../../primitives/PasswordField/PasswordField.mjs';
+import '../../../primitives/PhoneNumberField/PhoneNumberField.mjs';
+import '../../../primitives/Placeholder/Placeholder.mjs';
+import '../../../primitives/Radio/Radio.mjs';
+import '../../../primitives/RadioGroupField/RadioGroupField.mjs';
+import '../../../primitives/Rating/Rating.mjs';
+import '../../../primitives/ScrollView/ScrollView.mjs';
+import '../../../primitives/SearchField/SearchField.mjs';
+import '../../../primitives/SelectField/SelectField.mjs';
+import '../../../primitives/SliderField/SliderField.mjs';
+import '../../../primitives/StepperField/StepperField.mjs';
+import '../../../primitives/SwitchField/SwitchField.mjs';
+import '../../../primitives/Table/Table.mjs';
+import '../../../primitives/Table/TableBody.mjs';
+import '../../../primitives/Table/TableCell.mjs';
+import '../../../primitives/Table/TableFoot.mjs';
+import '../../../primitives/Table/TableHead.mjs';
+import '../../../primitives/Table/TableRow.mjs';
+import '../../../primitives/Tabs/Tabs.mjs';
+import '../../../primitives/Text/Text.mjs';
+import '../../../primitives/TextAreaField/TextAreaField.mjs';
+import '../../../primitives/TextField/TextField.mjs';
+import '../../../primitives/ToggleButton/ToggleButton.mjs';
+import '../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs';
+import '../../../primitives/VisuallyHidden/VisuallyHidden.mjs';
+import { ComponentClassName } from '../constants.mjs';
+import DEFAULTS from './defaults.mjs';
+import { defaultChangePasswordDisplayText } from '../utils/displayText.mjs';
+import { VERSION } from '../../../version.mjs';
+
+const logger = getLogger('AccountSettings');
+const getIsDisabled = (formValues, validationError) => {
+    const { currentPassword, newPassword, confirmPassword } = formValues;
+    const hasEmptyField = !currentPassword || !newPassword || !confirmPassword;
+    if (hasEmptyField) {
+        return true;
+    }
+    const arePasswordsInvalid = validationError.newPassword?.length > 0 ||
+        validationError.confirmPassword?.length > 0;
+    return arePasswordsInvalid;
+};
+function ChangePassword({ components, displayText: overrideDisplayText, onError, onSuccess, validators, }) {
+    const [errorMessage, setErrorMessage] = React__default.useState(null);
+    const [formValues, setFormValues] = React__default.useState({});
+    const [validationError, setValidationError] = React__default.useState({});
+    const blurredFields = React__default.useRef([]);
+    const { user, isLoading } = useAuth();
+    const isDisabled = getIsDisabled(formValues, validationError);
+    const passwordValidators = React__default.useMemo(() => {
+        return validators ?? getDefaultPasswordValidators();
+    }, [validators]);
+    useSetUserAgent({
+        componentName: 'ChangePassword',
+        packageName: 'react',
+        version: VERSION,
+    });
+    /*
+     * Note that formValues and other states are passed in as props so that
+     * it does not depend on whether or not those states have been updated yet
+     */
+    const validateNewPassword = React__default.useCallback(({ formValues, eventType }) => {
+        const { newPassword } = formValues;
+        const hasBlurred = blurredFields.current.includes('newPassword');
+        return runFieldValidators({
+            value: newPassword,
+            validators: passwordValidators,
+            eventType,
+            hasBlurred,
+        });
+    }, [passwordValidators]);
+    const validateConfirmPassword = React__default.useCallback(({ formValues, eventType }) => {
+        const { newPassword, confirmPassword } = formValues;
+        const hasBlurred = blurredFields.current.includes('confirmPassword');
+        const confirmPasswordValidators = getDefaultConfirmPasswordValidators(newPassword);
+        return runFieldValidators({
+            value: confirmPassword,
+            validators: confirmPasswordValidators,
+            eventType,
+            hasBlurred,
+        });
+    }, []);
+    const runValidation = React__default.useCallback((param) => {
+        const passwordErrors = validateNewPassword(param);
+        const confirmPasswordErrors = validateConfirmPassword(param);
+        const newValidationError = {
+            newPassword: passwordErrors,
+            confirmPassword: confirmPasswordErrors,
+        };
+        // only re-render if errors have changed
+        if (!isEqual(validationError, newValidationError)) {
+            setValidationError(newValidationError);
+        }
+    }, [validateConfirmPassword, validateNewPassword, validationError]);
+    /* Translations */
+    const displayText = {
+        ...defaultChangePasswordDisplayText,
+        ...overrideDisplayText,
+    };
+    const { confirmPasswordFieldLabel, currentPasswordFieldLabel, newPasswordFieldLabel, updatePasswordButtonText, } = displayText;
+    /* Subcomponents */
+    const { CurrentPasswordField, NewPasswordField, ConfirmPasswordField, SubmitButton, ErrorMessage, } = React__default.useMemo(() => ({ ...DEFAULTS, ...(components ?? {}) }), [components]);
+    /* Event Handlers */
+    const handleChange = (event) => {
+        event.preventDefault();
+        const { name, value } = event.target;
+        const newFormValues = { ...formValues, [name]: value };
+        runValidation({ formValues: newFormValues, eventType: 'change' });
+        setFormValues(newFormValues);
+    };
+    const handleBlur = (event) => {
+        event.preventDefault();
+        const { name } = event.target;
+        // only update state and run validation if this is the first time blurring the field
+        if (!blurredFields.current.includes(name)) {
+            const newBlurredFields = [...blurredFields.current, name];
+            blurredFields.current = newBlurredFields;
+            runValidation({ formValues, eventType: 'blur' });
+        }
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (!user) {
+            return;
+        }
+        const { currentPassword, newPassword } = formValues;
+        if (errorMessage) {
+            setErrorMessage(null);
+        }
+        changePassword({ currentPassword, newPassword })
+            .then(() => {
+            // notify success to the parent
+            onSuccess?.();
+        })
+            .catch((e) => {
+            const error = e;
+            if (error.message)
+                setErrorMessage(error.message);
+            onError?.(error); // notify error to the parent
+        });
+    };
+    // Return null if Auth.getgetCurrentUser is still in progress
+    if (isLoading) {
+        return null;
+    }
+    // Return null if user isn't authenticated in the first place
+    if (!user) {
+        logger.warn('<ChangePassword /> requires user to be authenticated.');
+        return null;
+    }
+    return (React__default.createElement(View, { as: "form", className: ComponentClassName.ChangePassword, onSubmit: handleSubmit },
+        React__default.createElement(Flex, { direction: "column" },
+            React__default.createElement(CurrentPasswordField, { autoComplete: "current-password", isRequired: true, label: currentPasswordFieldLabel, name: "currentPassword", onBlur: handleBlur, onChange: handleChange }),
+            React__default.createElement(NewPasswordField, { autoComplete: "new-password", fieldValidationErrors: validationError?.newPassword, isRequired: true, label: newPasswordFieldLabel, name: "newPassword", onBlur: handleBlur, onChange: handleChange }),
+            React__default.createElement(ConfirmPasswordField, { autoComplete: "new-password", fieldValidationErrors: validationError?.confirmPassword, isRequired: true, label: confirmPasswordFieldLabel, name: "confirmPassword", onBlur: handleBlur, onChange: handleChange }),
+            React__default.createElement(SubmitButton, { isDisabled: isDisabled, type: "submit" }, updatePasswordButtonText),
+            errorMessage ? React__default.createElement(ErrorMessage, null, errorMessage) : null)));
+}
+ChangePassword.CurrentPasswordField = DEFAULTS.CurrentPasswordField;
+ChangePassword.NewPasswordField = DEFAULTS.NewPasswordField;
+ChangePassword.ConfirmPasswordField = DEFAULTS.ConfirmPasswordField;
+ChangePassword.SubmitButton = DEFAULTS.SubmitButton;
+ChangePassword.ErrorMessage = DEFAULTS.ErrorMessage;
+
+export { ChangePassword as default };

package/dist/esm/components/AccountSettings/ChangePassword/defaults.mjs

@@ -1 +1,77 @@
-import{__rest as i}from"tslib";import e from"react";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as m}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/DropZone/DropZone.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Fieldset/Fieldset.mjs";import"../../../primitives/Fieldset/useFieldset.mjs";import"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"classnames";import"../../../primitives/shared/constants.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Input/Input.mjs";import"../../../primitives/Label/Label.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Message/Message.mjs";import"../../../primitives/Pagination/Pagination.mjs";import{PasswordField as r}from"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ValidationErrors as t}from"../../shared/ValidationErrors.mjs";import{DefaultErrorMessage as s}from"../shared/Defaults.mjs";const o=m=>{var{fieldValidationErrors:s,label:o}=m,p=i(m,["fieldValidationErrors","label"]);return e.createElement(e.Fragment,null,e.createElement(r,Object.assign({},p,{label:o})),s?e.createElement(t,{errors:s}):null)},p={CurrentPasswordField:o,NewPasswordField:o,ConfirmPasswordField:o,SubmitButton:m,ErrorMessage:s};export{p as default};
+import React__default from 'react';
+import '../../../primitives/Alert/Alert.mjs';
+import '../../../primitives/Autocomplete/Autocomplete.mjs';
+import '../../../primitives/Badge/Badge.mjs';
+import '../../../primitives/Breadcrumbs/Breadcrumbs.mjs';
+import { Button } from '../../../primitives/Button/Button.mjs';
+import '../../../primitives/ButtonGroup/ButtonGroup.mjs';
+import '../../../primitives/Card/Card.mjs';
+import '../../../primitives/CheckboxField/CheckboxField.mjs';
+import '../../../primitives/Collection/Collection.mjs';
+import '../../../primitives/Divider/Divider.mjs';
+import '../../../primitives/DropZone/DropZone.mjs';
+import '../../../primitives/Accordion/Accordion.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs';
+import '../../../primitives/Fieldset/Fieldset.mjs';
+import '../../../primitives/Fieldset/useFieldset.mjs';
+import '../../../primitives/Flex/Flex.mjs';
+import '../../../primitives/Grid/Grid.mjs';
+import '../../../primitives/Heading/Heading.mjs';
+import '../../../primitives/HighlightMatch/HighlightMatch.mjs';
+import '../../../primitives/Icon/Icon.mjs';
+import '../../../primitives/Icon/context/IconsContext.mjs';
+import '@aws-amplify/ui';
+import '../../../primitives/View/View.mjs';
+import '../../../primitives/Image/Image.mjs';
+import '../../../primitives/Input/Input.mjs';
+import '../../../primitives/Label/Label.mjs';
+import '../../../primitives/Link/Link.mjs';
+import '../../../primitives/Loader/Loader.mjs';
+import '../../../primitives/Menu/Menu.mjs';
+import '../../../primitives/Menu/MenuButton.mjs';
+import '../../../primitives/Menu/MenuItem.mjs';
+import '../../../primitives/Message/Message.mjs';
+import '../../../primitives/Pagination/Pagination.mjs';
+import { PasswordField } from '../../../primitives/PasswordField/PasswordField.mjs';
+import '../../../primitives/PhoneNumberField/PhoneNumberField.mjs';
+import '../../../primitives/Placeholder/Placeholder.mjs';
+import '../../../primitives/Radio/Radio.mjs';
+import '../../../primitives/RadioGroupField/RadioGroupField.mjs';
+import '../../../primitives/Rating/Rating.mjs';
+import '../../../primitives/ScrollView/ScrollView.mjs';
+import '../../../primitives/SearchField/SearchField.mjs';
+import '../../../primitives/SelectField/SelectField.mjs';
+import '../../../primitives/SliderField/SliderField.mjs';
+import '../../../primitives/StepperField/StepperField.mjs';
+import '../../../primitives/SwitchField/SwitchField.mjs';
+import '../../../primitives/Table/Table.mjs';
+import '../../../primitives/Table/TableBody.mjs';
+import '../../../primitives/Table/TableCell.mjs';
+import '../../../primitives/Table/TableFoot.mjs';
+import '../../../primitives/Table/TableHead.mjs';
+import '../../../primitives/Table/TableRow.mjs';
+import '../../../primitives/Tabs/Tabs.mjs';
+import '../../../primitives/Text/Text.mjs';
+import '../../../primitives/TextAreaField/TextAreaField.mjs';
+import '../../../primitives/TextField/TextField.mjs';
+import '../../../primitives/ToggleButton/ToggleButton.mjs';
+import '../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs';
+import '../../../primitives/VisuallyHidden/VisuallyHidden.mjs';
+import { ValidationErrors } from '../../shared/ValidationErrors.mjs';
+import { DefaultErrorMessage } from '../shared/Defaults.mjs';
+
+const DefaultPasswordField = ({ fieldValidationErrors, label, ...rest }) => {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(PasswordField, { ...rest, label: label }),
+        fieldValidationErrors ? (React__default.createElement(ValidationErrors, { errors: fieldValidationErrors })) : null));
+};
+const DEFAULTS = {
+    CurrentPasswordField: DefaultPasswordField,
+    NewPasswordField: DefaultPasswordField,
+    ConfirmPasswordField: DefaultPasswordField,
+    SubmitButton: Button,
+    ErrorMessage: DefaultErrorMessage,
+};
+
+export { DEFAULTS as default };

package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs

@@ -1 +1,156 @@
-import{__awaiter as i}from"tslib";import e from"react";import{getLogger as t,translate as m,deleteUser as r}from"@aws-amplify/ui";import{useAuth as s}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/ui-react-core";import"@aws-amplify/storage";import"../../ThemeProvider/AmplifyContext.mjs";import"../../../primitives/shared/constants.mjs";import"aws-amplify";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/AlertIcon.mjs";import"classnames";import"../../../primitives/View/View.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"../../../primitives/Field/FieldClearButton.mjs";import"../../../primitives/Field/FieldDescription.mjs";import"../../../primitives/Field/FieldErrorMessage.mjs";import"../../../primitives/Field/Field.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/DropZone/DropZone.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Fieldset/Fieldset.mjs";import"../../../primitives/Fieldset/useFieldset.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Input/Input.mjs";import"../../../primitives/Label/Label.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Message/Message.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as p}from"../constants.mjs";import l from"./defaults.mjs";const a=t("Auth");function n({components:t,onSuccess:n,onError:d,handleDelete:u}){const[j,v]=e.useState("IDLE"),[c,F]=e.useState(null),g=m("Delete Account"),{user:T,isLoading:b}=s(),{ErrorMessage:I,DeleteButton:h,WarningView:E}=e.useMemo((()=>Object.assign(Object.assign({},l),null!=t?t:{})),[t]),D=e.useCallback((()=>i(this,void 0,void 0,(function*(){if(T){v("DELETING"),c&&F(null);try{u?yield u(T):yield r(),v("DONE"),null==n||n()}catch(i){const e=i;v("ERROR"),F(e.message),null==d||d(e)}}}))),[c,u,d,n,T]),f=e.useCallback((()=>{v("IDLE")}),[]),B=e.useCallback((()=>{D()}),[D]);return b?null:T?"DONE"===j?null:e.createElement(o,{className:p.DeleteUser,direction:"column"},e.createElement(h,{isDisabled:"CONFIRMATION"===j||"DELETING"===j,onClick:i=>{i.preventDefault(),v("CONFIRMATION")}},g),"CONFIRMATION"===j||"DELETING"===j?e.createElement(E,{onCancel:f,isDisabled:"DELETING"===j,onConfirm:B}):null,c?e.createElement(I,null,c):null):(a.warn("<DeleteUser /> requires user to be authenticated."),null)}n.ErrorMessage=l.ErrorMessage,n.DeleteButton=l.DeleteButton,n.WarningView=l.WarningView;export{n as default};
+import React__default from 'react';
+import { useSetUserAgent } from '@aws-amplify/ui-react-core';
+import { getLogger, deleteUser } from '@aws-amplify/ui';
+import { useAuth } from '../../../hooks/useAuth.mjs';
+import 'aws-amplify/storage';
+import '../../ThemeProvider/ThemeContext.mjs';
+import '../../../primitives/Alert/AlertIcon.mjs';
+import '../../../primitives/View/View.mjs';
+import '../../../primitives/Icon/context/IconsContext.mjs';
+import '../../../primitives/Field/FieldClearButton.mjs';
+import '../../../primitives/Field/FieldDescription.mjs';
+import '../../../primitives/Field/FieldErrorMessage.mjs';
+import '../../../primitives/Field/Field.mjs';
+import '../../../primitives/Alert/Alert.mjs';
+import '../../../primitives/Autocomplete/Autocomplete.mjs';
+import '../../../primitives/Badge/Badge.mjs';
+import '../../../primitives/Breadcrumbs/Breadcrumbs.mjs';
+import '../../../primitives/Button/Button.mjs';
+import '../../../primitives/ButtonGroup/ButtonGroup.mjs';
+import '../../../primitives/Card/Card.mjs';
+import '../../../primitives/CheckboxField/CheckboxField.mjs';
+import '../../../primitives/Collection/Collection.mjs';
+import '../../../primitives/Divider/Divider.mjs';
+import '../../../primitives/DropZone/DropZone.mjs';
+import '../../../primitives/Accordion/Accordion.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs';
+import '../../../primitives/Fieldset/Fieldset.mjs';
+import '../../../primitives/Fieldset/useFieldset.mjs';
+import { Flex } from '../../../primitives/Flex/Flex.mjs';
+import '../../../primitives/Grid/Grid.mjs';
+import '../../../primitives/Heading/Heading.mjs';
+import '../../../primitives/HighlightMatch/HighlightMatch.mjs';
+import '../../../primitives/Icon/Icon.mjs';
+import '../../../primitives/Image/Image.mjs';
+import '../../../primitives/Input/Input.mjs';
+import '../../../primitives/Label/Label.mjs';
+import '../../../primitives/Link/Link.mjs';
+import '../../../primitives/Loader/Loader.mjs';
+import '../../../primitives/Menu/Menu.mjs';
+import '../../../primitives/Menu/MenuButton.mjs';
+import '../../../primitives/Menu/MenuItem.mjs';
+import '../../../primitives/Message/Message.mjs';
+import '../../../primitives/Pagination/Pagination.mjs';
+import '../../../primitives/PasswordField/PasswordField.mjs';
+import '../../../primitives/PhoneNumberField/PhoneNumberField.mjs';
+import '../../../primitives/Placeholder/Placeholder.mjs';
+import '../../../primitives/Radio/Radio.mjs';
+import '../../../primitives/RadioGroupField/RadioGroupField.mjs';
+import '../../../primitives/Rating/Rating.mjs';
+import '../../../primitives/ScrollView/ScrollView.mjs';
+import '../../../primitives/SearchField/SearchField.mjs';
+import '../../../primitives/SelectField/SelectField.mjs';
+import '../../../primitives/SliderField/SliderField.mjs';
+import '../../../primitives/StepperField/StepperField.mjs';
+import '../../../primitives/SwitchField/SwitchField.mjs';
+import '../../../primitives/Table/Table.mjs';
+import '../../../primitives/Table/TableBody.mjs';
+import '../../../primitives/Table/TableCell.mjs';
+import '../../../primitives/Table/TableFoot.mjs';
+import '../../../primitives/Table/TableHead.mjs';
+import '../../../primitives/Table/TableRow.mjs';
+import '../../../primitives/Tabs/Tabs.mjs';
+import '../../../primitives/Text/Text.mjs';
+import '../../../primitives/TextAreaField/TextAreaField.mjs';
+import '../../../primitives/TextField/TextField.mjs';
+import '../../../primitives/ToggleButton/ToggleButton.mjs';
+import '../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs';
+import '../../../primitives/VisuallyHidden/VisuallyHidden.mjs';
+import { ComponentClassName } from '../constants.mjs';
+import DEFAULTS from './defaults.mjs';
+import { defaultDeleteUserDisplayText } from '../utils/displayText.mjs';
+import { VERSION } from '../../../version.mjs';
+
+const logger = getLogger('AccountSettings');
+function DeleteUser({ components, displayText: overrideDisplayText, handleDelete, onError, onSuccess, }) {
+    const [state, setState] = React__default.useState('IDLE');
+    const [errorMessage, setErrorMessage] = React__default.useState(null);
+    useSetUserAgent({
+        componentName: 'DeleteUser',
+        packageName: 'react',
+        version: VERSION,
+    });
+    // translations
+    const displayText = {
+        ...defaultDeleteUserDisplayText,
+        ...overrideDisplayText,
+    };
+    const { deleteAccountButtonText } = displayText;
+    const { user, isLoading } = useAuth();
+    // subcomponents
+    const { ErrorMessage, DeleteButton, WarningView } = React__default.useMemo(() => ({ ...DEFAULTS, ...(components ?? {}) }), [components]);
+    const startConfirmation = (event) => {
+        event.preventDefault();
+        setState('CONFIRMATION');
+    };
+    const runDeleteUser = React__default.useCallback(async () => {
+        if (!user) {
+            return;
+        }
+        setState('DELETING');
+        if (errorMessage) {
+            setErrorMessage(null);
+        }
+        try {
+            if (handleDelete) {
+                /*
+                 * run custom delete handler, if provided. We pass `user` so that
+                 * developer can do whichever cleanup with the user object they wish.
+                 */
+                await handleDelete(user);
+            }
+            else {
+                // else, run default deleteUser function.
+                await deleteUser();
+            }
+            setState('DONE');
+            onSuccess?.();
+        }
+        catch (e) {
+            const error = e;
+            setState('ERROR');
+            setErrorMessage(error.message);
+            onError?.(error);
+        }
+    }, [errorMessage, handleDelete, onError, onSuccess, user]);
+    // called when end user cancels account deletion confirmation
+    const handleCancel = React__default.useCallback(() => {
+        setState('IDLE');
+    }, []);
+    const handleConfirmDelete = React__default.useCallback(() => {
+        runDeleteUser();
+    }, [runDeleteUser]);
+    // Return null if Auth.getgetCurrentUser is still in progress
+    if (isLoading) {
+        return null;
+    }
+    // Return null if user isn't authenticated
+    if (!user) {
+        logger.warn('<DeleteUser /> requires user to be authenticated.');
+        return null;
+    }
+    // Return null if delete user was successful
+    if (state === 'DONE') {
+        return null;
+    }
+    return (React__default.createElement(Flex, { className: ComponentClassName.DeleteUser, direction: "column" },
+        React__default.createElement(DeleteButton, { isDisabled: state === 'CONFIRMATION' || state === 'DELETING', onClick: startConfirmation }, deleteAccountButtonText),
+        state === 'CONFIRMATION' || state === 'DELETING' ? (React__default.createElement(WarningView, { onCancel: handleCancel, isDisabled: state === 'DELETING', onConfirm: handleConfirmDelete })) : null,
+        errorMessage ? React__default.createElement(ErrorMessage, null, errorMessage) : null));
+}
+DeleteUser.ErrorMessage = DEFAULTS.ErrorMessage;
+DeleteUser.DeleteButton = DEFAULTS.DeleteButton;
+DeleteUser.WarningView = DEFAULTS.WarningView;
+
+export { DeleteUser as default };

package/dist/esm/components/AccountSettings/DeleteUser/defaults.mjs

@@ -1 +1,85 @@
-import i from"react";import{translate as e}from"@aws-amplify/ui";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as t}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import{Card as m}from"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/DropZone/DropZone.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Fieldset/Fieldset.mjs";import"../../../primitives/Fieldset/useFieldset.mjs";import{Flex as r}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"tslib";import"classnames";import"../../../primitives/shared/constants.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Input/Input.mjs";import"../../../primitives/Label/Label.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Message/Message.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import{Text as s}from"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{DefaultErrorMessage as o}from"../shared/Defaults.mjs";const p={ErrorMessage:o,DeleteButton:e=>i.createElement(t,Object.assign({},e,{variation:"warning"})),WarningView:({onCancel:o,onConfirm:p,isDisabled:l})=>{const a=e("Deleting your account is not reversable. You will lose access to your account and all data associated with it."),n=e("Cancel"),d=e("Delete my account");return i.createElement(m,null,i.createElement(r,{direction:"column"},i.createElement(s,{color:"font.error"},a),i.createElement(r,null,i.createElement(t,{variation:"link",onClick:o,isDisabled:l},n),i.createElement(t,{variation:"destructive",onClick:p,isDisabled:l},d))))}};export{p as default};
+import React__default from 'react';
+import '../../../primitives/Alert/Alert.mjs';
+import '../../../primitives/Autocomplete/Autocomplete.mjs';
+import '../../../primitives/Badge/Badge.mjs';
+import '../../../primitives/Breadcrumbs/Breadcrumbs.mjs';
+import { Button } from '../../../primitives/Button/Button.mjs';
+import '../../../primitives/ButtonGroup/ButtonGroup.mjs';
+import { Card } from '../../../primitives/Card/Card.mjs';
+import '../../../primitives/CheckboxField/CheckboxField.mjs';
+import '../../../primitives/Collection/Collection.mjs';
+import '../../../primitives/Divider/Divider.mjs';
+import '../../../primitives/DropZone/DropZone.mjs';
+import '../../../primitives/Accordion/Accordion.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs';
+import '../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs';
+import '../../../primitives/Fieldset/Fieldset.mjs';
+import '../../../primitives/Fieldset/useFieldset.mjs';
+import { Flex } from '../../../primitives/Flex/Flex.mjs';
+import '../../../primitives/Grid/Grid.mjs';
+import '../../../primitives/Heading/Heading.mjs';
+import '../../../primitives/HighlightMatch/HighlightMatch.mjs';
+import '../../../primitives/Icon/Icon.mjs';
+import '../../../primitives/Icon/context/IconsContext.mjs';
+import '@aws-amplify/ui';
+import '../../../primitives/View/View.mjs';
+import '../../../primitives/Image/Image.mjs';
+import '../../../primitives/Input/Input.mjs';
+import '../../../primitives/Label/Label.mjs';
+import '../../../primitives/Link/Link.mjs';
+import '../../../primitives/Loader/Loader.mjs';
+import '../../../primitives/Menu/Menu.mjs';
+import '../../../primitives/Menu/MenuButton.mjs';
+import '../../../primitives/Menu/MenuItem.mjs';
+import '../../../primitives/Message/Message.mjs';
+import '../../../primitives/Pagination/Pagination.mjs';
+import '../../../primitives/PasswordField/PasswordField.mjs';
+import '../../../primitives/PhoneNumberField/PhoneNumberField.mjs';
+import '../../../primitives/Placeholder/Placeholder.mjs';
+import '../../../primitives/Radio/Radio.mjs';
+import '../../../primitives/RadioGroupField/RadioGroupField.mjs';
+import '../../../primitives/Rating/Rating.mjs';
+import '../../../primitives/ScrollView/ScrollView.mjs';
+import '../../../primitives/SearchField/SearchField.mjs';
+import '../../../primitives/SelectField/SelectField.mjs';
+import '../../../primitives/SliderField/SliderField.mjs';
+import '../../../primitives/StepperField/StepperField.mjs';
+import '../../../primitives/SwitchField/SwitchField.mjs';
+import '../../../primitives/Table/Table.mjs';
+import '../../../primitives/Table/TableBody.mjs';
+import '../../../primitives/Table/TableCell.mjs';
+import '../../../primitives/Table/TableFoot.mjs';
+import '../../../primitives/Table/TableHead.mjs';
+import '../../../primitives/Table/TableRow.mjs';
+import '../../../primitives/Tabs/Tabs.mjs';
+import { Text } from '../../../primitives/Text/Text.mjs';
+import '../../../primitives/TextAreaField/TextAreaField.mjs';
+import '../../../primitives/TextField/TextField.mjs';
+import '../../../primitives/ToggleButton/ToggleButton.mjs';
+import '../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs';
+import '../../../primitives/VisuallyHidden/VisuallyHidden.mjs';
+import { DefaultErrorMessage } from '../shared/Defaults.mjs';
+import { defaultDeleteUserDisplayText } from '../utils/displayText.mjs';
+
+const DefaultWarningView = ({ displayText: overrideDisplayText, isDisabled, onCancel, onConfirm, }) => {
+    // translations
+    const displayText = {
+        ...defaultDeleteUserDisplayText,
+        ...overrideDisplayText,
+    };
+    const { cancelButtonText, confirmDeleteButtonText, warningText } = displayText;
+    return (React__default.createElement(Card, null,
+        React__default.createElement(Flex, { direction: "column" },
+            React__default.createElement(Text, { color: "font.error" }, warningText),
+            React__default.createElement(Flex, null,
+                React__default.createElement(Button, { variation: "link", onClick: onCancel, isDisabled: isDisabled }, cancelButtonText),
+                React__default.createElement(Button, { variation: "destructive", onClick: onConfirm, isDisabled: isDisabled }, confirmDeleteButtonText)))));
+};
+const DefaultDeleteButton = (props) => (React__default.createElement(Button, { ...props, variation: "warning" }));
+const DEFAULTS = {
+    ErrorMessage: DefaultErrorMessage,
+    DeleteButton: DefaultDeleteButton,
+    WarningView: DefaultWarningView,
+};
+
+export { DEFAULTS as default };

package/dist/esm/components/AccountSettings/constants.mjs

@@ -1 +1,7 @@
-var e;!function(e){e.ChangePassword="amplify-accountsettings-changepassword",e.DeleteUser="amplify-accountsettings-deleteuser"}(e||(e={}));export{e as ComponentClassName};
+var ComponentClassName;
+(function (ComponentClassName) {
+    ComponentClassName["ChangePassword"] = "amplify-accountsettings-changepassword";
+    ComponentClassName["DeleteUser"] = "amplify-accountsettings-deleteuser";
+})(ComponentClassName || (ComponentClassName = {}));
+
+export { ComponentClassName };