chore: fix global error build

apps/backoffice/src/app/accounts/_components/modal-edit-account.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 import { useState } from 'react';
 
 interface IModalEditAccount {
@@ -63,7 +63,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
         <div className="flex flex-col gap-4">
-          <InputForm
+          <InputField
             label="Nama Lengkap"
             type="text"
             placeholder="Masukkan Nama Lengkap"
@@ -72,7 +72,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Email"
             type="text"
             placeholder="Masukkan Email"
@@ -81,7 +81,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Nomor Telepon"
             type="text"
             placeholder="Masukkan Nomor Telepon"
@@ -90,7 +90,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Alamat"
             type="text"
             placeholder="Masukkan Alamat"

apps/backoffice/src/app/dashboard/_components/modal-add-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalAddItem {
   isOpen: boolean;
@@ -58,21 +58,21 @@ const StepOne = ({ nextStep }: IStepOneProps) => (
     </Modal.Header>
     <Modal.Content className="flex flex-col gap-8">
       <div className="flex flex-col gap-4">
-        <InputForm
+        <InputField
           label="Nama Hadiah"
           type="text"
           placeholder="Masukkan Nama Hadiah"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Chance Rate"
           type="text"
           placeholder="Masukkan Chance Rate"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Foto Barang"
           type="file"
           placeholder=".jpg, .jpeg, atau .png"

apps/backoffice/src/app/dashboard/_components/modal-edit-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalEditItem {
   isOpen: boolean;
@@ -58,21 +58,21 @@ const StepOne = ({ nextStep }: IStepOneProps) => (
     </Modal.Header>
     <Modal.Content className="flex flex-col gap-8">
       <div className="flex flex-col gap-4">
-        <InputForm
+        <InputField
           label="Nama Hadiah"
           type="text"
           placeholder="Masukkan Nama Hadiah"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Chance Rate"
           type="text"
           placeholder="Masukkan Chance Rate"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Foto Barang"
           type="file"
           placeholder=".jpg, .jpeg, atau .png"

apps/backoffice/src/app/page.tsx

@@ -1,7 +1,7 @@
 import { FC, ReactElement } from 'react';
 import { useNavigate } from 'react-router';
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm } from '@imphnen-frontend-service/ui/molecules';
+import { InputField } from '@imphnen-frontend-service/ui/molecules';
 
 export const Components: FC = (): ReactElement => {
   const navigate = useNavigate();
@@ -13,14 +13,14 @@ export const Components: FC = (): ReactElement => {
         <h1 className="text-primary-500 text-p1 font-semibold">
           Welcome to IMPHNEN Backoffice
         </h1>
-        <InputForm
+        <InputField
           label="Email"
           placeholder="Masukkan Email"
           type="email"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Password"
           placeholder="Masukkan password"
           type="password"

apps/backoffice/src/app/prizes/_components/modal-process-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalProcessDelivery {
   isOpen: boolean;
@@ -30,7 +30,7 @@ const ModalProcessDelivery = ({
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
         <div className="flex flex-col gap-4">
-          <InputForm
+          <InputField
             label="Nama Lengkap"
             type="text"
             placeholder="Masukkan Nama Lengkap"
@@ -39,7 +39,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Item yang didapatkan"
             type="text"
             placeholder="Masukkan Nama Item"
@@ -48,7 +48,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Alamat Pengiriman"
             type="text"
             placeholder="Masukkan Alamat Pengiriman"
@@ -57,7 +57,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Status"
             type="text"
             placeholder="Isi Status Pengiriman"

apps/backoffice/src/app/transactions/_components/modal-validate.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalValidate {
   isOpen: boolean;
@@ -27,7 +27,7 @@ const ModalValidate = ({
         </h2>
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
-        <InputForm
+        <InputField
           label="Nomor Transaksi"
           type="text"
           placeholder="Masukkan Nomor Transaksi"

apps/dimentorin/src/app/auth/login/page.tsx

@@ -1,45 +1,73 @@
 import { FC, ReactElement } from 'react';
-import { LoginBanner } from "@imphnen-frontend-service/ui/organisms"
+import { LoginBanner } from '@imphnen-frontend-service/ui/organisms';
 import { Button } from '@imphnen-frontend-service/ui/atoms';
 import { useSearchParams } from 'react-router-dom';
-import { InputForm } from '@imphnen-frontend-service/ui/molecules';
+import { InputField } from '@imphnen-frontend-service/ui/molecules';
 
 export const Components: FC = (): ReactElement => {
   const [searchParams] = useSearchParams();
-  const error = searchParams.get("error"); // Ambil nilai ?error=
+  const error = searchParams.get('error'); // Ambil nilai ?error=
 
   return (
-    <div className='flex flex-col justify-center items-center min-h-screen py-[60px] px-[80px]'>
-      <div className='bg-white min-w-[1120px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6'>
+    <div className="flex flex-col justify-center items-center min-h-screen py-[60px] px-[80px]">
+      <div className="bg-white min-w-[1120px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
         <LoginBanner />
-        <div className='border-2 border-primary-500/50 w-[596px] rounded-lg py-[70px] px-[96px] flex justify-center'>
-          <div className='w-[404px]'>
-            <h2 className='text-4xl font-semibold text-primary-500 text-center mb-2'>Hallo Minna-san</h2>
-            <h5 className='text-xl font-medium text-primary-500 text-center'>Welcome to Dimentorin by IMPHNEN</h5>
-            <InputForm label='Email' error={error ? error : undefined} size='lg' className='w-full' placeholder='Masukkan email-mu, Senpai~! ✨ (Pastikan tidak typo, ya~ 😆)' />
-            <InputForm label="password" error={error ? error : undefined} className='w-full' size='lg' type='password' placeholder='Masukkan password rahasiamu!' />
-            <div className='flex justify-end my-5'>
-              <a href="/auth/forgot" className='text-primary-500 font-medium'>Lupa Password ?</a>
+        <div className="border-2 border-primary-500/50 w-[596px] rounded-lg py-[70px] px-[96px] flex justify-center">
+          <div className="w-[404px]">
+            <h2 className="text-4xl font-semibold text-primary-500 text-center mb-2">
+              Hallo Minna-san
+            </h2>
+            <h5 className="text-xl font-medium text-primary-500 text-center">
+              Welcome to Dimentorin by IMPHNEN
+            </h5>
+            <InputField
+              label="Email"
+              error={error ? error : undefined}
+              size="lg"
+              className="w-full"
+              placeholder="Masukkan email-mu, Senpai~! ✨ (Pastikan tidak typo, ya~ 😆)"
+            />
+            <InputField
+              label="password"
+              error={error ? error : undefined}
+              className="w-full"
+              size="lg"
+              type="password"
+              placeholder="Masukkan password rahasiamu!"
+            />
+            <div className="flex justify-end my-5">
+              <a href="/auth/forgot" className="text-primary-500 font-medium">
+                Lupa Password ?
+              </a>
             </div>
-            <Button className='w-full'>Enter Isekai</Button>
-            <div className='flex my-3 gap-3 justify-center'>
+            <Button className="w-full">Enter Isekai</Button>
+            <div className="flex my-3 gap-3 justify-center">
               <h5>Belum Punya akun ?</h5>
-              <a href="/auth/register" className='text-primary-500 font-medium'>Daftar Disini</a>
+              <a href="/auth/register" className="text-primary-500 font-medium">
+                Daftar Disini
+              </a>
             </div>
             <div className="flex items-center w-full">
               <div className="flex-grow border-t border-blue-400 opacity-50"></div>
               <span className="px-3 text-blue-400">Or</span>
               <div className="flex-grow border-t border-blue-400 opacity-50"></div>
             </div>
-            <Button className='w-full my-3 text-gray-500 gap-2' variant='secondary'>
+            <Button
+              className="w-full my-3 text-gray-500 gap-2"
+              variant="secondary"
+            >
               <p>Log In With Google</p>
-              <img src="/image/33978ce5bed2da9bf9d73acad802182a.webp" alt="Google Icon" width={24}/>
+              <img
+                src="/image/33978ce5bed2da9bf9d73acad802182a.webp"
+                alt="Google Icon"
+                width={24}
+              />
             </Button>
-          </div> 
+          </div>
         </div>
       </div>
     </div>
   );
 };
 
-export default Components;
+export default Components;

libs/ui/src/molecules/input-field/input-field.spec.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { InputField } from './input-field';
 
-describe('InputForm Component', () => {
+describe('InputField Component', () => {
   it('renders correctly with disabled prop', () => {
     render(<InputField label="Test Label" disabled={true} />);