@autobusal/account-password 1.0.0

package/Change.tsx

@@ -0,0 +1,60 @@
+import { TFunction } from 'i18next';
+import { useNavigate } from 'react-router-dom';
+import { Meta, Viewer } from '@autobusal/common';
+import { usePage } from '@autobusal/hooks';
+import { success } from '@autobusal/utilities';
+import { PasswordData } from './types';
+import { PostPassword } from './services';
+
+interface Props {
+  t: TFunction<'common'>
+}
+
+const Change = ({ t }: Props): JSX.Element => {
+  usePage('-');
+
+  const navigate = useNavigate();
+
+  const { mutate: Update, isPending } = PostPassword();
+
+  const onSave = (data: PasswordData): void => {
+    Update(data, {
+      onSuccess: () => {
+        success(t('account_password.messages.changed', { ns: 'common' }));
+
+        navigate('/account');
+      }
+    });
+  };
+
+  return (
+    <Meta title={ t('account_password.title', { ns: 'common' }) }>
+      <h1>{ t('account_password.title', { ns: 'common' }) }</h1>
+
+      <Viewer
+        id={ 0 }
+        data={ [{
+          label: t('account_password.old_password', { ns: 'common' }),
+          name: 'old_password',
+          type: 'password',
+          value: '',
+          rules: 'required|min_length:6|max_length:20'
+        }, {
+          label: t('account_password.new_password', { ns: 'common' }),
+          name: 'new_password',
+          type: 'password',
+          value: '',
+          rules: 'required|min_length:6|max_length:20'
+        }] }
+        pending={ isPending }
+        t={ t }
+        actions={ [
+          'update'
+        ]}
+        onSave={ onSave }
+      />
+    </Meta>
+  );
+};
+
+export default Change;

package/index.ts

@@ -0,0 +1,5 @@
+import Change from './Change';
+
+export {
+  Change
+};

package/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@autobusal/account-password",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.ts"
+}

package/services.ts

@@ -0,0 +1,16 @@
+import { UseMutationResult, useMutation } from '@tanstack/react-query';
+import { apiClient } from '@autobusal/providers';
+import { PasswordData } from './types';
+
+export const PostPassword = (): UseMutationResult<void, Error, PasswordData, unknown> => (
+  useMutation({
+    mutationKey: ['account-password'],
+    mutationFn: async (data: PasswordData) => (
+      await apiClient
+        .post('/api/account/password', data)
+        .then(response => (
+          response.data
+        ))
+    )
+  })
+);

package/types.ts

@@ -0,0 +1,4 @@
+export interface PasswordData {
+  old_password: string
+  new_password: string
+}