@raxonltd/raxon-core 1.1.7 → 1.1.13

package/core/feature/auth/view/view.login.tsx

@@ -0,0 +1,199 @@
+'use client';
+import React, { useState } from 'react';
+import { Eye, EyeOff, Lock, Mail, ArrowRight } from 'lucide-react';
+import Link from 'next/link';
+import { useAuth } from '@/core/feature/auth/hook/use.auth';
+import { useForm } from 'react-hook-form';
+import { useRouter } from 'next/navigation';
+import toast from 'react-hot-toast';
+
+interface ViewLoginProps {
+  onClose?: () => void;
+  returnUrl?: string;
+}
+
+export default function ViewLogin({ onClose, returnUrl }: ViewLoginProps) {
+  const [showPassword, setShowPassword] = useState(false);
+  const { mutate: login } = useAuth().loginEmail();
+  const { mutate: loginGuest } = useAuth().loginGuest();
+  const { mutate: loginSocial } = useAuth().loginSocial();
+  const form = useForm();
+  
+
+  const handleSubmitGuest = (e: React.FormEvent) => {
+    e.preventDefault();
+    loginGuest({} as any, {
+      onSuccess: () => {
+        onClose?.();
+      },
+    });
+  };
+
+  const handleLoginSocial = (provider: string) => {
+    loginSocial({ platform: provider, returnUrl: returnUrl }, {
+      onSuccess: (url) => {
+        if (typeof window !== 'undefined') {
+          window.location.href = url;
+        }
+        
+
+        
+      },
+    });
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    form.handleSubmit(data => {
+      login(data, {
+        onSuccess: () => {
+          
+          onClose?.();
+          
+        },
+        onError: (error: any) => {
+          toast.error(error?.response?.data?.info?.title || 'Giriş başarısız');
+        }
+      });
+    })();
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6">
+      {/* Email Field */}
+      <div>
+        <input 
+          type="email" 
+          {...form.register('email')} 
+          placeholder="E-posta adresinizi girin *"
+          className="w-full px-0 py-5 text-lg font-medium border-0 border-b-2 border-gray-300 bg-transparent focus:outline-none focus:border-black transition-colors placeholder-gray-500" 
+          required 
+        />
+      </div>
+
+      {/* Password Field */}
+      <div className="relative">
+        <input 
+          type={showPassword ? 'text' : 'password'} 
+          {...form.register('password')} 
+          placeholder="Şifre *"
+          className="w-full px-0 py-5 pr-10 text-lg font-medium border-0 border-b-2 border-gray-300 bg-transparent focus:outline-none focus:border-black transition-colors placeholder-gray-500" 
+          required 
+        />
+        <button
+          type="button"
+          className="absolute right-0 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600"
+          onClick={() => setShowPassword(!showPassword)}
+        >
+          {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
+        </button>
+      </div>
+
+      {/* Remember Me & Forgot Password */}
+      <div className="flex items-center justify-between py-4">
+        <div className="flex items-center">
+          <input 
+            id="remember" 
+            type="checkbox" 
+            {...form.register('rememberMe')} 
+            className="w-4 h-4 text-black border-gray-300 rounded focus:ring-0" 
+          />
+          <label htmlFor="remember" className="ml-2 text-base font-medium text-gray-700">Beni hatırla</label>
+        </div>
+        <button
+          type="button"
+          onClick={onClose}
+          className="text-base font-medium text-gray-600 hover:text-black transition-colors"
+        >
+          Şifrenizi mi unuttunuz?
+        </button>
+      </div>
+
+
+
+      {/* Social Login */}
+      <div className="py-6">
+        <div className="flex items-center mb-6">
+          <div className="flex-1 border-t border-gray-200"></div>
+          <span className="px-4 text-base font-medium text-gray-500">Veya sosyal hesapla devam edin</span>
+          <div className="flex-1 border-t border-gray-200"></div>
+        </div>
+        
+        <div className="flex flex-col sm:grid sm:grid-cols-2 gap-4">
+          <button 
+            type="button"
+            onClick={() => handleLoginSocial('google')} 
+            className="py-4 text-base font-medium border border-gray-200 hover:border-black transition-colors flex items-center justify-center space-x-2"
+          >
+            <svg width="20" height="20" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clipPath="url(#clip0_278_6045)">
+                <path d="M21.6696 9.08832L12.696 9.08789C12.2997 9.08789 11.9785 9.40904 11.9785 9.8053V12.672C11.9785 13.0681 12.2997 13.3894 12.6959 13.3894H17.7493C17.196 14.8254 16.1632 16.0281 14.8455 16.7922L17.0002 20.5223C20.4567 18.5233 22.5002 15.0158 22.5002 11.0894C22.5002 10.5303 22.459 10.1307 22.3766 9.68064C22.314 9.33874 22.0171 9.08832 21.6696 9.08832Z" fill="#167EE6"/>
+                <path d="M11.4999 17.6964C9.02689 17.6964 6.86797 16.3452 5.70846 14.3457L1.97852 16.4956C3.87666 19.7854 7.4325 22.0007 11.4999 22.0007C13.4953 22.0007 15.378 21.4635 16.9999 20.5272V20.5221L14.8452 16.792C13.8595 17.3637 12.719 17.6964 11.4999 17.6964Z" fill="#12B347"/>
+                <path d="M17 20.5262V20.5211L14.8452 16.791C13.8596 17.3626 12.7192 17.6954 11.5 17.6954V21.9997C13.4953 21.9997 15.3782 21.4625 17 20.5262Z" fill="#0F993E"/>
+                <path d="M4.80435 11.0007C4.80435 9.78177 5.13702 8.64133 5.70854 7.65576L1.9786 5.50586C1.0372 7.12264 0.5 9.00029 0.5 11.0007C0.5 13.0012 1.0372 14.8788 1.9786 16.4956L5.70854 14.3457C5.13702 13.3602 4.80435 12.2197 4.80435 11.0007Z" fill="#FFD500"/>
+                <path d="M11.4999 4.30435C13.1126 4.30435 14.5939 4.87738 15.7509 5.83056C16.0363 6.06568 16.4512 6.04871 16.7127 5.78725L18.7438 3.75611C19.0405 3.45946 19.0193 2.97387 18.7024 2.69895C16.7639 1.0172 14.2416 0 11.4999 0C7.4325 0 3.87666 2.21534 1.97852 5.50511L5.70846 7.65501C6.86797 5.65555 9.02689 4.30435 11.4999 4.30435Z" fill="#FF4B26"/>
+                <path d="M15.751 5.83056C16.0364 6.06568 16.4513 6.04871 16.7128 5.78725L18.7439 3.75611C19.0405 3.45946 19.0194 2.97387 18.7025 2.69895C16.764 1.01716 14.2417 0 11.5 0V4.30435C13.1126 4.30435 14.594 4.87738 15.751 5.83056Z" fill="#D93F21"/>
+              </g>
+            </svg>
+            <span className="text-sm sm:text-base">Google ile giriş yap</span>
+          </button>
+          
+          <button 
+            type="button"
+            onClick={() => handleLoginSocial('facebook')} 
+            className="py-4 text-base font-medium border border-gray-200 hover:border-black transition-colors flex items-center justify-center space-x-2"
+          >
+            <svg width="20" height="20" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clipPath="url(#clip0_278_6055)">
+                <path d="M22.5 11C22.5 16.4905 18.4773 21.0414 13.2188 21.8664V14.1797H15.7818L16.2695 11H13.2188V8.93664C13.2188 8.06652 13.645 7.21875 15.0114 7.21875H16.3984V4.51172C16.3984 4.51172 15.1395 4.29688 13.9359 4.29688C11.4235 4.29688 9.78125 5.81969 9.78125 8.57656V11H6.98828V14.1797H9.78125V21.8664C4.52273 21.0414 0.5 16.4905 0.5 11C0.5 4.92508 5.42508 0 11.5 0C17.5749 0 22.5 4.92508 22.5 11Z" fill="#1877F2"/>
+                <path d="M15.7818 14.1797L16.2695 11H13.2188V8.9366C13.2188 8.0667 13.6449 7.21875 15.0114 7.21875H16.3984V4.51172C16.3984 4.51172 15.1396 4.29688 13.9361 4.29688C11.4235 4.29688 9.78125 5.81969 9.78125 8.57656V11H6.98828V14.1797H9.78125V21.8663C10.3413 21.9542 10.9153 22 11.5 22C12.0847 22 12.6587 21.9542 13.2188 21.8663V14.1797H15.7818Z" fill="white"/>
+              </g>
+            </svg>
+            <span className="text-sm sm:text-base">Facebook ile giriş yap</span>
+          </button>
+        </div>
+      </div>
+
+      {/* Misafir Login */}
+      <button 
+        onClick={handleSubmitGuest}
+        type="button"
+        className="w-full py-4 text-base font-medium hover:text-black transition-colors"
+      >
+        Misafir Olarak Devam Et
+      </button>
+
+      {/* Login Button */}
+      <button 
+        id="btnLogin"
+        type="submit" 
+        className="w-full py-5 text-lg font-bold bg-black text-white hover:bg-gray-800 transition-colors"
+      >
+        Giriş Yap
+      </button>
+
+      {/* Terms */}
+      <div className="text-center">
+        <p className="text-sm font-medium text-gray-500 leading-relaxed">
+          Devam ederek{' '}
+          <button
+            type="button"
+            onClick={onClose}
+            className="hover:underline"
+          >
+            Kullanım Şartları
+          </button>{' '}
+          ve{' '}
+          <button
+            type="button"
+            onClick={onClose}
+            className="hover:underline"
+          >
+            Gizlilik Politikası
+          </button>
+          'nı kabul etmiş olursunuz.
+        </p>
+      </div>
+    </form>
+  );
+}

package/core/feature/auth/view/view.register.tsx

@@ -0,0 +1,333 @@
+'use client';
+import React, { useState } from 'react';
+import { Eye, EyeOff, Lock, Mail, User, Phone, ArrowRight } from 'lucide-react';
+import { useAuth } from '@/core/feature/auth/hook/use.auth';
+import { useRouter } from 'next/navigation';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import toast from 'react-hot-toast';
+
+// Türk telefon numarası regex'i - 0 ile başlayan 11 haneli veya 5 ile başlayan 10 haneli
+const turkishPhoneRegex = /^(\+90[5-9][0-9]{9}|0[5-9][0-9]{9}|[5-9][0-9]{8})$/;
+
+// Zod validation şeması
+const registerSchema = z.object({
+  firstName: z.string()
+    .min(1, 'Ad alanı zorunludur')
+    .min(2, 'Ad en az 2 karakter olmalıdır')
+    .max(50, 'Ad en fazla 50 karakter olabilir')
+    .regex(/^[a-zA-ZçğıöşüÇĞIİÖŞÜ\s]+$/, 'Ad sadece harf içerebilir'),
+  
+  lastName: z.string()
+    .min(1, 'Soyad alanı zorunludur')
+    .min(2, 'Soyad en az 2 karakter olmalıdır')
+    .max(50, 'Soyad en fazla 50 karakter olabilir')
+    .regex(/^[a-zA-ZçğıöşüÇĞIİÖŞÜ\s]+$/, 'Soyad sadece harf içerebilir'),
+  
+  email: z.string()
+    .min(1, 'E-posta alanı zorunludur')
+    .email('Geçerli bir e-posta adresi giriniz')
+    .max(100, 'E-posta adresi çok uzun'),
+  
+  phone: z.string()
+    .min(1, 'Telefon numarası zorunludur')
+    .regex(turkishPhoneRegex, 'Geçerli bir Türk telefon numarası giriniz (örn: +905551234567)')
+    .transform((val) => val.replace(/\s/g, '')), // Boşlukları temizle
+  
+  password: z.string()
+    .min(1, 'Şifre alanı zorunludur')
+    .min(6, 'Şifre en az 6 karakter olmalıdır')
+    .max(100, 'Şifre çok uzun'),
+  
+  confirmPassword: z.string()
+    .min(1, 'Şifre tekrarı zorunludur'),
+  
+  acceptTerms: z.boolean()
+    .refine((val) => val === true, 'Kullanım şartlarını kabul etmelisiniz'),
+  
+  acceptMarketing: z.boolean().optional()
+}).refine((data) => data.password === data.confirmPassword, {
+  message: 'Şifreler eşleşmiyor',
+  path: ['confirmPassword']
+});
+
+type RegisterFormData = z.infer<typeof registerSchema>;
+
+interface ViewRegisterProps {
+  onClose?: () => void;
+  onSwitchToLogin?: () => void;
+}
+
+export default function ViewRegister({ onClose, onSwitchToLogin }: ViewRegisterProps) {
+  const router = useRouter();
+  const { register: authRegister } = useAuth();
+  const registerMutation = authRegister();
+
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<RegisterFormData>({
+    resolver: zodResolver(registerSchema),
+    defaultValues: {
+      firstName: '',
+      lastName: '',
+      email: '',
+      phone: '',
+      password: '',
+      confirmPassword: '',
+      acceptTerms: false,
+      acceptMarketing: false
+    }
+  });
+
+  const onSubmit = async (data: RegisterFormData) => {
+    registerMutation.mutate({
+      firstName: data.firstName,
+      lastName: data.lastName,
+      email: data.email,
+      phone: data.phone,
+      password: data.password,
+      acceptMarketing: data.acceptMarketing || false
+    }, {
+      onSuccess: () => {
+        
+        onSwitchToLogin?.();
+      },
+      onError: (e: any) => {
+        toast.error(e.response?.data?.info?.title || 'Kayıt başarısız');
+      }
+    });
+  };
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)} className="space-y-6">
+      {/* Name Fields */}
+      <div className="grid grid-cols-2 gap-4">
+        <div className="relative">
+          <div className="relative">
+            <User className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+            <input
+              type="text"
+              {...register('firstName')}
+              placeholder="Adınız"
+              className={`w-full pl-10 pr-4 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+                errors.firstName ? 'border-red-500' : 'border-gray-200 focus:border-black'
+              }`}
+            />
+          </div>
+          {errors.firstName && (
+            <p className="mt-1 text-xs text-red-500">{errors.firstName.message}</p>
+          )}
+        </div>
+
+        <div className="relative">
+          <div className="relative">
+            <User className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+            <input
+              type="text"
+              {...register('lastName')}
+              placeholder="Soyadınız"
+              className={`w-full pl-10 pr-4 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+                errors.lastName ? 'border-red-500' : 'border-gray-200 focus:border-black'
+              }`}
+            />
+          </div>
+          {errors.lastName && (
+            <p className="mt-1 text-xs text-red-500">{errors.lastName.message}</p>
+          )}
+        </div>
+      </div>
+
+      {/* Email Field */}
+      <div className="relative">
+        <div className="relative">
+          <Mail className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+          <input
+            type="email"
+            {...register('email')}
+            placeholder="E-posta adresiniz"
+            className={`w-full pl-10 pr-4 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+              errors.email ? 'border-red-500' : 'border-gray-200 focus:border-black'
+            }`}
+          />
+        </div>
+        {errors.email && (
+          <p className="mt-1 text-xs text-red-500">{errors.email.message}</p>
+        )}
+      </div>
+
+      {/* Phone Field */}
+      <div className="relative">
+        <div className="relative">
+          <Phone className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+          <input
+            type="tel"
+            {...register('phone')}
+            placeholder="Telefon numaranız (örn: 05551234567)"
+            className={`w-full pl-10 pr-4 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+              errors.phone ? 'border-red-500' : 'border-gray-200 focus:border-black'
+            }`}
+          />
+        </div>
+        {errors.phone && (
+          <p className="mt-1 text-xs text-red-500">{errors.phone.message}</p>
+        )}
+      </div>
+
+      {/* Password Field */}
+      <div className="relative">
+        <div className="relative">
+          <Lock className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+          <input
+            type={showPassword ? "text" : "password"}
+            {...register('password')}
+            placeholder="Şifreniz (en az 6 karakter, büyük/küçük harf ve rakam)"
+            className={`w-full pl-10 pr-12 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+              errors.password ? 'border-red-500' : 'border-gray-200 focus:border-black'
+            }`}
+          />
+          <button
+            type="button"
+            onClick={() => setShowPassword(!showPassword)}
+            className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 transition-colors"
+          >
+            {showPassword ? (
+              <EyeOff className="w-4 h-4" />
+            ) : (
+              <Eye className="w-4 h-4" />
+            )}
+          </button>
+        </div>
+        {errors.password && (
+          <p className="mt-1 text-xs text-red-500">{errors.password.message}</p>
+        )}
+      </div>
+
+      {/* Confirm Password Field */}
+      <div className="relative">
+        <div className="relative">
+          <Lock className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
+          <input
+            type={showConfirmPassword ? "text" : "password"}
+            {...register('confirmPassword')}
+            placeholder="Şifrenizi tekrar giriniz"
+            className={`w-full pl-10 pr-12 py-3 text-sm border rounded-sm focus:outline-none transition-colors ${
+              errors.confirmPassword ? 'border-red-500' : 'border-gray-200 focus:border-black'
+            }`}
+          />
+          <button
+            type="button"
+            onClick={() => setShowConfirmPassword(!showConfirmPassword)}
+            className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 transition-colors"
+          >
+            {showConfirmPassword ? (
+              <EyeOff className="w-4 h-4" />
+            ) : (
+              <Eye className="w-4 h-4" />
+            )}
+          </button>
+        </div>
+        {errors.confirmPassword && (
+          <p className="mt-1 text-xs text-red-500">{errors.confirmPassword.message}</p>
+        )}
+      </div>
+
+      {/* Terms & Marketing Checkboxes */}
+      <div className="space-y-3">
+        <div className="flex items-start">
+          <input
+            type="checkbox"
+            {...register('acceptTerms')}
+            className="w-4 h-4 text-black border-gray-300 rounded focus:ring-0 focus:ring-offset-0 mt-0.5"
+          />
+          <label className="ml-2 text-sm text-gray-600 font-light">
+            <button
+              type="button"
+              onClick={onClose}
+              className="text-black hover:underline"
+            >
+              Kullanım Şartları
+            </button>
+            {' '}ve{' '}
+            <button
+              type="button"
+              onClick={onClose}
+              className="text-black hover:underline"
+            >
+              Gizlilik Politikası
+            </button>
+            'nı okudum ve kabul ediyorum. *
+          </label>
+        </div>
+        {errors.acceptTerms && (
+          <p className="text-xs text-red-500 ml-6">{errors.acceptTerms.message}</p>
+        )}
+
+        <div className="flex items-start">
+          <input
+            type="checkbox"
+            {...register('acceptMarketing')}
+            className="w-4 h-4 text-black border-gray-300 rounded focus:ring-0 focus:ring-offset-0 mt-0.5"
+          />
+          <label className="ml-2 text-sm text-gray-600 font-light">
+            Kampanya ve promosyon bilgilerini e-posta ile almak istiyorum.
+          </label>
+        </div>
+      </div>
+
+      {/* Register Button */}
+      <button
+        type="submit"
+        disabled={isSubmitting || registerMutation.isPending}
+        className="w-full bg-black text-white py-3 rounded-sm hover:bg-gray-800 transition-colors duration-200 flex items-center justify-center space-x-2 group disabled:opacity-50 disabled:cursor-not-allowed"
+      >
+        <span className="text-sm font-light uppercase tracking-wider">
+          {isSubmitting || registerMutation.isPending ? 'Kayıt Oluşturuluyor...' : 'Kayıt Ol'}
+        </span>
+        {!isSubmitting && !registerMutation.isPending && (
+          <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+        )}
+      </button>
+
+      {/* Divider */}
+      <div className="my-8 flex items-center">
+        <div className="flex-1 border-t border-gray-200"></div>
+        <span className="px-4 text-xs text-gray-500 uppercase tracking-wider">
+          veya
+        </span>
+        <div className="flex-1 border-t border-gray-200"></div>
+      </div>
+
+      {/* Social Register */}
+      <div className="space-y-3 hidden">
+        <button 
+          type="button"
+          className="w-full border border-gray-200 py-3 rounded-sm hover:bg-gray-50 transition-colors duration-200 flex items-center justify-center space-x-2"
+        >
+          <svg className="w-5 h-5" viewBox="0 0 24 24">
+            <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
+            <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
+            <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
+            <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
+          </svg>
+          <span className="text-sm font-light">Google ile kayıt ol</span>
+        </button>
+        
+        <button 
+          type="button"
+          className="w-full border border-gray-200 py-3 rounded-sm hover:bg-gray-50 transition-colors duration-200 flex items-center justify-center space-x-2"
+        >
+          <svg className="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
+            <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
+          </svg>
+          <span className="text-sm font-light">Facebook ile kayıt ol</span>
+        </button>
+      </div>
+    </form>
+  );
+}

package/core/feature/bank-account/hook/use.bank.account.tsx

@@ -0,0 +1,47 @@
+import { nexineAxios } from '@/core/util/nexine.axios';
+import { IData } from '@/core/interface/nexine.interface';
+import { BankAccount, BankTransferCode } from '@/core/interface/prisma.interface';
+import { useMutation, useQuery } from '@tanstack/react-query';
+
+async function fetchBankAccounts() {
+  const withTags = await nexineAxios.get<IData<BankAccount>>('/customer/bank-account', {
+    params: {
+      isCompanySpecificVisible: true,
+      tags: ['WEB'],
+    },
+  });
+
+  const tagged = withTags.data?.data ?? [];
+  if (tagged.length > 0) return withTags.data;
+
+  const fallback = await nexineAxios.get<IData<BankAccount>>('/customer/bank-account', {
+    params: {
+      isCompanySpecificVisible: true,
+    },
+  });
+
+  return fallback.data;
+}
+
+export const useBankAccount = () => {
+  return {
+    fetch: (opts?: { enabled?: boolean }) => {
+      return useQuery({
+        queryKey: ['bank-account', 'web'],
+        queryFn: fetchBankAccounts,
+        enabled: opts?.enabled !== false,
+      });
+    },
+    createTransferCode: () => {
+      return useMutation({
+        mutationFn: async (data: { amount: number; bankAccountId: string }) => {
+          const response = await nexineAxios.post<{ bankTransferCode: BankTransferCode }>(
+            '/customer/payment/bank-transfer',
+            data
+          );
+          return response.data.bankTransferCode;
+        },
+      });
+    },
+  };
+};

package/core/feature/brand/hook/use.brand.tsx

@@ -0,0 +1,24 @@
+import { nexineAxios } from '@/core/util/nexine.axios';
+import { IData } from '@/core/interface/nexine.interface';
+import { Brand } from '@/core/interface/prisma.interface';
+import { useQuery } from '@tanstack/react-query';
+
+export const useBrand = () => {
+  return {
+    fetch: (params?: { enabled?: boolean; page?: number; amount?: number }) => {
+      return useQuery({
+        queryKey: ['brand', params?.page, params?.amount],
+        enabled: params?.enabled ?? true,
+        queryFn: async () => {
+          const response = await nexineAxios.get<IData<Brand>>('/customer/brand', {
+            params: {
+              page: params?.page,
+              amount: params?.amount,
+            },
+          });
+          return response.data;
+        },
+      });
+    },
+  };
+};