summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/lib/auth/api/switchAccountApi.js14
-rw-r--r--src/lib/auth/api/switchAccountProgresApi.js15
-rw-r--r--src/lib/auth/components/CompanyProfile.jsx5
-rw-r--r--src/lib/auth/components/PersonalProfile.jsx106
-rw-r--r--src/lib/auth/components/StatusSwitchAccount.jsx5
-rw-r--r--src/lib/auth/components/SwitchAccount.jsx200
-rw-r--r--src/pages/my/profile.jsx89
7 files changed, 369 insertions, 65 deletions
diff --git a/src/lib/auth/api/switchAccountApi.js b/src/lib/auth/api/switchAccountApi.js
new file mode 100644
index 00000000..9b772d20
--- /dev/null
+++ b/src/lib/auth/api/switchAccountApi.js
@@ -0,0 +1,14 @@
+import odooApi from '@/core/api/odooApi';
+import { getAuth } from '@/core/utils/auth';
+
+const switchAccountApi = async ({ data }) => {
+ const auth = getAuth();
+ const switchAccount = await odooApi(
+ 'PUT',
+ `/api/v1/user/${auth.partner_id}/switch`,
+ data
+ );
+ return switchAccount;
+};
+
+export default switchAccountApi;
diff --git a/src/lib/auth/api/switchAccountProgresApi.js b/src/lib/auth/api/switchAccountProgresApi.js
new file mode 100644
index 00000000..23e06742
--- /dev/null
+++ b/src/lib/auth/api/switchAccountProgresApi.js
@@ -0,0 +1,15 @@
+import odooApi from '@/core/api/odooApi';
+import { getAuth } from '@/core/utils/auth';
+
+const switchAccountProgresApi = async () => {
+ const auth = getAuth();
+ console.log('auth', auth);
+ const switchAccount = await odooApi(
+ 'GET',
+ `/api/v1/user/${auth.partner_id}/switch_progres`
+ );
+ console.log('switchAccount', switchAccount);
+ return switchAccount;
+};
+
+export default switchAccountProgresApi;
diff --git a/src/lib/auth/components/CompanyProfile.jsx b/src/lib/auth/components/CompanyProfile.jsx
index 7bda992f..6100e626 100644
--- a/src/lib/auth/components/CompanyProfile.jsx
+++ b/src/lib/auth/components/CompanyProfile.jsx
@@ -53,14 +53,15 @@ const CompanyProfile = () => {
useEffect(() => {
const loadProfile = async () => {
- const dataProfile = await addressApi({ id: auth.parentId });
+ const dataProfile = await addressApi({
+ id: auth.parentId ? auth.parentId : auth.parent_id,
+ });
setValue('name', dataProfile.name);
setValue('industry', dataProfile.industryId);
setValue('companyType', dataProfile.companyTypeId);
setValue('taxName', dataProfile.taxName);
setValue('npwp', dataProfile.npwp);
setValue('alamat_wajib_pajak', dataProfile.alamatWajibPajak);
- setValue('alamat_bisnis', dataProfile.alamatBisnis);
};
if (auth) loadProfile();
}, [auth, setValue]);
diff --git a/src/lib/auth/components/PersonalProfile.jsx b/src/lib/auth/components/PersonalProfile.jsx
index b9fb3f5f..727785bf 100644
--- a/src/lib/auth/components/PersonalProfile.jsx
+++ b/src/lib/auth/components/PersonalProfile.jsx
@@ -1,56 +1,63 @@
-import useAuth from '@/core/hooks/useAuth'
-import { setAuth } from '@/core/utils/auth'
-import addressApi from '@/lib/address/api/addressApi'
-import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'
-import { useEffect, useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { toast } from 'react-hot-toast'
-import editPersonalProfileApi from '../api/editPersonalProfileApi'
+import useAuth from '@/core/hooks/useAuth';
+import { setAuth } from '@/core/utils/auth';
+import addressApi from '@/lib/address/api/addressApi';
+import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'react-hot-toast';
+import editPersonalProfileApi from '../api/editPersonalProfileApi';
const PersonalProfile = () => {
- const auth = useAuth()
- const [isOpen, setIsOpen] = useState(true)
- const toggle = () => setIsOpen(!isOpen)
+ const auth = useAuth();
+ const [isOpen, setIsOpen] = useState(true);
+ const toggle = () => setIsOpen(!isOpen);
const { register, setValue, handleSubmit } = useForm({
defaultValues: {
email: '',
name: '',
mobile: '',
- password: ''
- }
- })
+ password: '',
+ },
+ });
useEffect(() => {
const loadProfile = async () => {
- const dataProfile = await addressApi({ id: auth.partnerId })
- setValue('email', dataProfile?.email)
- setValue('name', dataProfile?.name)
- setValue('mobile', dataProfile?.mobile)
- }
- if (auth) loadProfile()
- }, [auth, setValue])
+ const dataProfile = await addressApi({
+ id: auth.partnerId ? auth.partnerId : auth.partner_id,
+ });
+ setValue('email', dataProfile?.email);
+ setValue('name', dataProfile?.name);
+ setValue('mobile', dataProfile?.mobile);
+ };
+ if (auth) loadProfile();
+ }, [auth, setValue]);
const onSubmitHandler = async (values) => {
- let data = values
- if (!values.password) delete data.password
- const isUpdated = await editPersonalProfileApi({ data })
+ let data = values;
+ if (!values.password) delete data.password;
+ const isUpdated = await editPersonalProfileApi({ data });
if (isUpdated?.user) {
- setAuth(isUpdated.user)
- setValue('password', '')
- toast.success('Berhasil mengubah profil', { duration: 1500 })
- return
+ setAuth(isUpdated.user);
+ setValue('password', '');
+ toast.success('Berhasil mengubah profil', { duration: 1500 });
+ return;
}
- toast.error('Terjadi kesalahan internal')
- }
+ toast.error('Terjadi kesalahan internal');
+ };
return (
<>
- <button type='button' onClick={toggle} className='p-4 flex items-center text-left w-full'>
+ <button
+ type='button'
+ onClick={toggle}
+ className='p-4 flex items-center text-left w-full'
+ >
<div>
<div className='font-semibold mb-2'>Informasi Akun</div>
<div className='text-gray_r-11'>
- Dibawah ini adalah data diri yang anda masukan, periksa kembali data diri anda
+ Dibawah ini adalah data diri yang anda masukan, periksa kembali data
+ diri anda
</div>
</div>
<div className='ml-auto p-2 bg-gray_r-3 rounded'>
@@ -60,19 +67,35 @@ const PersonalProfile = () => {
</button>
{isOpen && (
- <form className='p-4 border-t border-gray_r-6' onSubmit={handleSubmit(onSubmitHandler)}>
+ <form
+ className='p-4 border-t border-gray_r-6'
+ onSubmit={handleSubmit(onSubmitHandler)}
+ >
<div className='grid grid-cols-1 sm:grid-cols-2 gap-4'>
<div>
<label>Email</label>
- <input {...register('email')} type='text' disabled className='form-input mt-3' />
+ <input
+ {...register('email')}
+ type='text'
+ disabled
+ className='form-input mt-3'
+ />
</div>
<div>
<label>Nama Lengkap</label>
- <input {...register('name')} type='text' className='form-input mt-3' />
+ <input
+ {...register('name')}
+ type='text'
+ className='form-input mt-3'
+ />
</div>
<div>
<label>No. Handphone</label>
- <input {...register('mobile')} type='tel' className='form-input mt-3' />
+ <input
+ {...register('mobile')}
+ type='tel'
+ className='form-input mt-3'
+ />
</div>
<div>
<label>Kata Sandi</label>
@@ -84,13 +107,16 @@ const PersonalProfile = () => {
/>
</div>
</div>
- <button type='submit' className='btn-yellow w-full sm:w-fit sm:ml-auto mt-6'>
+ <button
+ type='submit'
+ className='btn-yellow w-full sm:w-fit sm:ml-auto mt-6'
+ >
Simpan
</button>
</form>
)}
</>
- )
-}
+ );
+};
-export default PersonalProfile
+export default PersonalProfile;
diff --git a/src/lib/auth/components/StatusSwitchAccount.jsx b/src/lib/auth/components/StatusSwitchAccount.jsx
new file mode 100644
index 00000000..73316616
--- /dev/null
+++ b/src/lib/auth/components/StatusSwitchAccount.jsx
@@ -0,0 +1,5 @@
+const StatusSwitchAccount = ({ status }) => {
+ return <>Perpindahan akun anda masih {status}</>;
+};
+
+export default StatusSwitchAccount;
diff --git a/src/lib/auth/components/SwitchAccount.jsx b/src/lib/auth/components/SwitchAccount.jsx
new file mode 100644
index 00000000..b7b67864
--- /dev/null
+++ b/src/lib/auth/components/SwitchAccount.jsx
@@ -0,0 +1,200 @@
+import useAuth from '@/core/hooks/useAuth';
+import { setAuth } from '@/core/utils/auth';
+import addressApi from '@/lib/address/api/addressApi';
+import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
+import { useEffect, useState, useMemo } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'react-hot-toast';
+import switchAccountApi from '../api/switchAccountApi';
+import FormBisnis from '~/modules/register/components/FormBisnis.tsx';
+import RegistrasiBisnis from '~/modules/register/components/RegistrasiBisnis.tsx';
+import { Radio, RadioGroup, Stack, Divider, Button } from '@chakra-ui/react';
+import { useRegisterStore } from '~/modules/register/stores/useRegisterStore.ts';
+import { registerUser } from '~/services/auth';
+import { useMutation } from 'react-query';
+import { isValid } from 'zod';
+const SwitchAccount = () => {
+ const auth = useAuth();
+ const [isOpen, setIsOpen] = useState(true);
+ const toggle = () => setIsOpen(!isOpen);
+ const [isPKP, setIsPKP] = useState(true);
+ const [isTerdaftar, setIsTerdaftar] = useState(false);
+ const [isChecked, setIsChecked] = useState(false);
+ const [selectedValueBisnis, setSelectedValueBisnis] = useState('false');
+ const [selectedValue, setSelectedValue] = useState('PKP');
+ const { register, setValue, handleSubmit } = useForm({
+ defaultValues: {
+ email: '',
+ name: '',
+ phone: '',
+ password: '',
+ },
+ });
+ const mutation = useMutation({
+ mutationFn: (data) => registerUser(data),
+ });
+ const [notValid, setNotValid] = useState(false);
+ const { form, isCheckedTNC, isValidCaptcha, errors, validate, updateForm } =
+ useRegisterStore();
+ console.log('form', form);
+ const isFormValid = useMemo(() => Object.keys(errors).length === 0, [errors]);
+ useEffect(() => {
+ const loadProfile = async () => {
+ const dataProfile = await addressApi({ id: auth.partnerId });
+ setValue('email', dataProfile?.email);
+ setValue('name', dataProfile?.name);
+ setValue('phone', dataProfile?.phone);
+ };
+ if (auth) loadProfile();
+ }, [auth, setValue]);
+
+ useEffect(() => {
+ if (selectedValue === 'PKP') {
+ updateForm('is_pkp', 'true');
+ validate();
+ } else {
+ updateForm('is_pkp', 'false');
+ validate();
+ }
+ }, [selectedValue]);
+
+ useEffect(() => {
+ if (isTerdaftar) {
+ updateForm('is_terdaftar', 'true');
+ validate();
+ } else {
+ updateForm('is_terdaftar', 'false');
+ validate();
+ }
+ }, [isTerdaftar]);
+
+ useEffect(() => {
+ updateForm('name', '-');
+ updateForm('email', 'example@mail.com');
+ updateForm('password', 'example@mail.com');
+ updateForm('phone', '081234567890');
+ validate();
+ }, []);
+
+ const handleChangeBisnis = (value) => {
+ setSelectedValueBisnis(value);
+ if (value === 'true') {
+ validate();
+ setIsTerdaftar(true);
+ } else {
+ validate();
+ setIsTerdaftar(false);
+ }
+ };
+ const handleChange = (value) => {
+ setSelectedValue(value);
+ if (value === 'PKP') {
+ validate();
+ setIsPKP(true);
+ } else {
+ validate();
+ setIsPKP(false);
+ setIsPKP(false);
+ }
+ };
+ console.log('auth', auth);
+ const onSubmitHandler = async (values) => {
+ let data = form;
+ console.log('data', data);
+ if (!isFormValid) {
+ console.log('masih ada yang belum valid');
+ setNotValid(true);
+ return;
+ } else {
+ setNotValid(false);
+ }
+ // if (!values.password) delete data.password;
+ const isUpdated = await switchAccountApi({ data });
+ console.log('isupdate', isUpdated);
+
+ if (isUpdated.switch === 'Pending') {
+ // setAuth(isUpdated.user);
+ // setValue('password', '');
+ toast.success('Berhasil mengubah akun', { duration: 1500 });
+ setTimeout(() => {
+ window.location.reload();
+ }, 1500);
+ return;
+ }
+ toast.error('Terjadi kesalahan internal');
+ };
+
+ return (
+ <>
+ <button
+ type='button'
+ onClick={toggle}
+ className='p-4 flex items-center text-left w-full'
+ >
+ <div className='flex flex-row items-center bg-slate-50'>
+ <div className='flex font-semibold mr-2'>Informasi Bisnis</div>
+ <div className='text-red-500 text-xs'>
+ *Perubahan akun tidak dapat diubah kembali
+ </div>
+ </div>
+ <div className='ml-auto p-2 bg-gray_r-3 rounded'>
+ {!isOpen && <ChevronDownIcon className='w-6' />}
+ {isOpen && <ChevronUpIcon className='w-6' />}
+ </div>
+ </button>
+
+ {isOpen && (
+ <div className='p-4'>
+ <div>
+ <p className='text-black font-bold mb-2'>
+ Bisnis Terdaftar di Indoteknik?
+ </p>
+ <RadioGroup
+ onChange={handleChangeBisnis}
+ value={selectedValueBisnis}
+ >
+ <Stack direction='row'>
+ <Radio colorScheme='red' value='true'>
+ Sudah Terdaftar
+ </Radio>
+ <Radio colorScheme='red' value='false' className='ml-2'>
+ Belum Terdaftar
+ </Radio>
+ </Stack>
+ </RadioGroup>
+ </div>
+ <div className='mt-4'>
+ <p className='text-black font-bold mb-2'>Tipe Bisnis</p>
+ <RadioGroup onChange={handleChange} value={selectedValue}>
+ <Stack direction='row' className='font-bold'>
+ <Radio colorScheme='red' value='PKP'>
+ PKP
+ </Radio>
+ <Radio colorScheme='red' value='Non-PKP' className='ml-4'>
+ Non-PKP
+ </Radio>
+ </Stack>
+ </RadioGroup>
+ </div>
+ <FormBisnis
+ type='profil'
+ required={isTerdaftar}
+ isPKP={isPKP}
+ chekValid={notValid}
+ />
+ <div className='flex justify-end mb-4 mr-4'>
+ <button
+ type='submit'
+ onClick={onSubmitHandler}
+ className='btn-yellow w-full sm:w-fit sm:ml-auto mt-6'
+ >
+ {mutation.isLoading ? 'Loading...' : 'Simpan Perubahan'}
+ </button>
+ </div>
+ </div>
+ )}
+ </>
+ );
+};
+
+export default SwitchAccount;
diff --git a/src/pages/my/profile.jsx b/src/pages/my/profile.jsx
index 25c3a608..4beaae5f 100644
--- a/src/pages/my/profile.jsx
+++ b/src/pages/my/profile.jsx
@@ -1,16 +1,36 @@
-import Divider from '@/core/components/elements/Divider/Divider'
-import AppLayout from '@/core/components/layouts/AppLayout'
-import BasicLayout from '@/core/components/layouts/BasicLayout'
-import DesktopView from '@/core/components/views/DesktopView'
-import MobileView from '@/core/components/views/MobileView'
-import useAuth from '@/core/hooks/useAuth'
-import CompanyProfile from '@/lib/auth/components/CompanyProfile'
-import IsAuth from '@/lib/auth/components/IsAuth'
-import Menu from '@/lib/auth/components/Menu'
-import PersonalProfile from '@/lib/auth/components/PersonalProfile'
-
+import Divider from '@/core/components/elements/Divider/Divider';
+import AppLayout from '@/core/components/layouts/AppLayout';
+import BasicLayout from '@/core/components/layouts/BasicLayout';
+import DesktopView from '@/core/components/views/DesktopView';
+import MobileView from '@/core/components/views/MobileView';
+import useAuth from '@/core/hooks/useAuth';
+import CompanyProfile from '@/lib/auth/components/CompanyProfile';
+import SwitchAccount from '@/lib/auth/components/SwitchAccount';
+import IsAuth from '@/lib/auth/components/IsAuth';
+import Menu from '@/lib/auth/components/Menu';
+import PersonalProfile from '@/lib/auth/components/PersonalProfile';
+import StatusSwitchAccount from '@/lib/auth/components/StatusSwitchAccount';
+import { Button, Checkbox, Spinner, Tooltip } from '@chakra-ui/react';
+import { useState, useEffect } from 'react';
+import switchAccountProgresApi from '@/lib/auth/api/switchAccountProgresApi.js';
export default function Profile() {
- const auth = useAuth()
+ const auth = useAuth();
+ const [isChecked, setIsChecked] = useState(false);
+ const [isAprove, setIsAprove] = useState('unknown');
+ const handleChange = async () => {
+ setIsChecked(!isChecked);
+ };
+ useEffect(() => {
+ const loadPromo = async () => {
+ const progresSwitchAccount = await switchAccountProgresApi();
+ if (progresSwitchAccount) {
+ setIsAprove(progresSwitchAccount.status);
+ }
+ console.log('progresSwitchAccount', progresSwitchAccount);
+ };
+ loadPromo();
+ }, []);
+ console.log('isAprove', isAprove);
return (
<IsAuth>
<MobileView>
@@ -23,19 +43,42 @@ export default function Profile() {
<DesktopView>
<BasicLayout>
- <div className='container mx-auto flex py-10'>
- <div className='w-3/12 pr-4'>
- <Menu />
- </div>
- <div className='w-9/12 bg-white border border-gray_r-6 rounded'>
- <PersonalProfile />
- <Divider />
- {auth?.parentId && <CompanyProfile />}
-
- </div>
+ <div className='container mx-auto flex py-10'>
+ <div className='w-3/12 pr-4'>
+ <Menu />
+ </div>
+ <div className='w-9/12 bg-white border border-gray_r-6 rounded'>
+ {!auth?.parentId && isAprove == 'unknown' && (
+ <div className='text-sm p-4 flex items-center'>
+ <Checkbox
+ borderColor='gray.600'
+ colorScheme='red'
+ size='lg'
+ isChecked={isChecked}
+ onChange={handleChange}
+ />
+ <p className='ml-2'>Ubah ke akun bisnis</p>
+ </div>
+ )}
+ {isChecked && (
+ <div>
+ <SwitchAccount />
+ <Divider />
+ </div>
+ )}
+ {!auth?.parentId
+ ? auth?.parentId
+ : auth?.parent_id &&
+ isAprove != 'unknown' && (
+ <StatusSwitchAccount status={isAprove} />
+ )}
+ <PersonalProfile />
+ <Divider />
+ {auth?.parentId && <CompanyProfile />}
+ </div>
</div>
</BasicLayout>
</DesktopView>
</IsAuth>
- )
+ );
}
generated by cgit v1.2.3 (git 2.25.1) at 2026-08-14 02:21:23 +0000