@riosst100/pwa-marketplace 2.8.7 → 2.8.8

package/i18n/en_US.json

@@ -163,6 +163,14 @@
     "customerForm.defaultShipping": "Make this my default address",
     "customerForm.formMessage": "The shipping address you enter will be saved to your address book and set as your default for future purchases.",
     "customerForm.loading": "Fetching Customer Details...",
+    "deleteAccount.title": "Delete Account",
+    "deleteAccount.warning": "Warning: This action cannot be undone. All your data will be permanently deleted.",
+    "deleteAccount.agreementLabel": "I understand and agree to delete my account permanently.",
+    "deleteAccount.deleteButton": "Delete My Account",
+    "deleteAccount.confirm": "Are you sure you want to delete your account? This action is irreversible.",
+    "deleteAccount.confirmButton": "Yes, Delete My Account",
+    "deleteAccount.cancelButton": "Cancel",
+    "deleteAccount.success": "Your account has been deleted.",
     "discountSummary.lineItemLabel": "Applied discounts",
     "editModal.headerText": "Edit Item",
     "Email Signup": "Email Signup",

package/i18n/id_ID.json

@@ -164,6 +164,14 @@
     "customerForm.defaultShipping": "Make this my default address",
     "customerForm.formMessage": "The shipping address you enter will be saved to your address book and set as your default for future purchases.",
     "customerForm.loading": "Fetching Customer Details...",
+    "deleteAccount.title": "Hapus Akun",
+    "deleteAccount.warning": "Peringatan: Tindakan ini tidak dapat dibatalkan. Semua data Anda akan dihapus secara permanen.",
+    "deleteAccount.agreementLabel": "Saya memahami dan setuju untuk menghapus akun saya secara permanen.",
+    "deleteAccount.deleteButton": "Hapus Akun Saya",
+    "deleteAccount.confirm": "Apakah Anda yakin ingin menghapus akun Anda? Tindakan ini tidak dapat dikembalikan.",
+    "deleteAccount.confirmButton": "Ya, Hapus Akun Saya",
+    "deleteAccount.cancelButton": "Batal",
+    "deleteAccount.success": "Akun Anda telah dihapus.",
     "discountSummary.lineItemLabel": "Applied discounts",
     "editModal.headerText": "Edit Item",
     "Email Signup": "Email Signup",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@riosst100/pwa-marketplace",
   "author": "riosst100@gmail.com",
-  "version": "2.8.7",
+  "version": "2.8.8",
   "main": "src/index.js",
   "pwa-studio": {
     "targets": {

package/src/overwrites/venia-ui/lib/components/AccountInformationPage/DeleteAccount.js

@@ -0,0 +1,131 @@
+import React, { useState } from 'react';
+import { FormattedMessage } from 'react-intl';
+import Button from '@magento/venia-ui/lib/components/Button';
+import { Message } from '@magento/venia-ui/lib/components/Field';
+
+// Dummy mutation placeholder
+const useDeleteAccount = () => {
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(false);
+
+    const deleteAccount = async () => {
+        setLoading(true);
+        setError(null);
+        setSuccess(false);
+        // Simulate API call
+        setTimeout(() => {
+            setLoading(false);
+            setSuccess(true);
+        }, 1500);
+    };
+
+    return {
+        loading,
+        error,
+        success,
+        deleteAccount
+    };
+};
+
+const DeleteAccount = () => {
+    const [confirm, setConfirm] = useState(false);
+    const [agreement, setAgreement] = useState(false);
+    const { loading, error, success, deleteAccount } = useDeleteAccount();
+    const handleChange = (event) => {
+        setAgreement(event.target.checked);
+    }
+    if (success) {
+        return (
+            <Message type="success">
+                <FormattedMessage
+                    id="deleteAccount.success"
+                    defaultMessage="Your account has been deleted."
+                />
+            </Message>
+        );
+    }
+
+    return (
+        <div style={{ marginTop: 32, border: '1px solid #f87171', padding: 24, borderRadius: 8, background: '#fef2f2' }}>
+            <div style={{ color: '#b91c1c', fontWeight: 600, marginBottom: 8 }}>
+                <FormattedMessage
+                    id="deleteAccount.title"
+                    defaultMessage="Delete Account"
+                />
+            </div>
+            <div style={{ color: '#b91c1c', marginBottom: 16 }}>
+                <FormattedMessage
+                    id="deleteAccount.warning"
+                    defaultMessage="Warning: This action cannot be undone. All your data will be permanently deleted."
+                />
+            </div>
+            {error && (
+                <Message type="error">
+                    {error}
+                </Message>
+            )}
+            <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center' }}>
+                <input
+                    type="checkbox"
+                    id="agreement"
+                    checked={agreement}
+                    onChange={handleChange}
+                    style={{ marginRight: 8 }}
+                />
+                <label htmlFor="agreement" style={{ fontWeight: 'normal', fontSize: 14 }}>
+                    <FormattedMessage
+                        id="deleteAccount.agreementLabel"
+                        defaultMessage="I understand and agree to delete my account permanently."
+                    />
+                </label>
+            </div>
+            {confirm ? (
+                <div>
+                    <div style={{ marginBottom: 16 }}>
+                        <FormattedMessage
+                            id="deleteAccount.confirm"
+                            defaultMessage="Are you sure you want to delete your account? This action is irreversible."
+                        />
+                    </div>
+                    <Button
+                        priority="high"
+                        disabled={loading || !agreement}
+                        onClick={deleteAccount}
+                        style={{ marginRight: 8, textTransform: 'none' }}
+                    >
+                        <FormattedMessage
+                            id="deleteAccount.confirmButton"
+                            defaultMessage="Yes, Delete My Account"
+                        />
+                    </Button>
+                    <Button
+                        priority="normal"
+                        disabled={loading}
+                        onClick={() => setConfirm(false)}
+                        style={{ textTransform: 'none' }}
+                    >
+                        <FormattedMessage
+                            id="deleteAccount.cancelButton"
+                            defaultMessage="Cancel"
+                        />
+                    </Button>
+                </div>
+            ) : (
+                <Button
+                    priority="high"
+                    disabled={loading || !agreement}
+                    onClick={() => setConfirm(true)}
+                    style={{ textTransform: 'none' }}
+                >
+                    <FormattedMessage
+                        id="deleteAccount.deleteButton"
+                        defaultMessage="Delete My Account"
+                    />
+                </Button>
+            )}
+        </div>
+    );
+};
+
+export default DeleteAccount;

package/src/overwrites/venia-ui/lib/components/AccountInformationPage/accountInformationPage.js

@@ -11,6 +11,8 @@ import { fullPageLoadingIndicator } from '@magento/venia-ui/lib/components/Loadi
 import defaultClasses from './accountInformationPage.module.css';
 import AccountInformationPageOperations from './accountInformationPage.gql.js';
 
+import DeleteAccount from './DeleteAccount';
+
 const EditModal = React.lazy(() => import('./editModal'));
 
 const AccountInformationPage = props => {
@@ -116,6 +118,7 @@ const AccountInformationPage = props => {
                         setShouldShowNewPassword={setShouldShowNewPassword}
                     />
                 </Suspense>
+                <DeleteAccount />
             </Fragment>
         );
     }