23 files changed, 137 insertions, 135 deletions
diff --git a/src/pages/404.js b/src/pages/404.js
index b7f8b8ef..1e1850f2 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,7 +1,7 @@
 import Image from "next/image";
-import Link from "../components/Link";
-import Header from "../components/Header";
-import Layout from "../components/Layout";
+import Link from "@/components/elements/Link";
+import Header from "@/components/layouts/Header";
+import Layout from "@/components/layouts/Layout";
 import PageNotFoundImage from "../images/page-not-found.png";
 
 export default function PageNotFound() {
diff --git a/src/pages/activate.js b/src/pages/activate.js
index c738af81..d9b41bf4 100644
--- a/src/pages/activate.js
+++ b/src/pages/activate.js
@@ -1,14 +1,14 @@
 import axios from "axios";
 import Head from "next/head";
 import Image from "next/image";
-import Link from "../components/Link";
+import Link from "@/components/elements/Link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
-import Alert from "../components/Alert";
-import Layout from "../components/Layout";
-import Spinner from "../components/Spinner";
-import { setAuth } from "../helpers/auth";
-import Logo from "../images/logo.png";
+import Alert from "@/components/elements/Alert";
+import Layout from "@/components/layouts/Layout";
+import Spinner from "@/components/elements/Spinner";
+import { setAuth } from "@/core/utils/auth";
+import Logo from "@/images/logo.png";
 
 export default function Activate() {
   const [email, setEmail] = useState('');
diff --git a/src/pages/api/activation-request.js b/src/pages/api/activation-request.js
index 42ad5364..3f33875c 100644
--- a/src/pages/api/activation-request.js
+++ b/src/pages/api/activation-request.js
@@ -1,5 +1,5 @@
-import apiOdoo from "../../helpers/apiOdoo";
-import mailer from "../../helpers/mailer";
+import apiOdoo from "@/core/utils/apiOdoo";
+import mailer from "@/core/utils/mailer";
 
 export default async function handler(req, res) {
   try {
diff --git a/src/pages/api/activation.js b/src/pages/api/activation.js
index 67ec1c9e..8b22af8d 100644
--- a/src/pages/api/activation.js
+++ b/src/pages/api/activation.js
@@ -1,4 +1,4 @@
-import apiOdoo from "../../helpers/apiOdoo";
+import apiOdoo from "@/core/utils/apiOdoo";
 
 export default async function handler(req, res) {
   try {
diff --git a/src/pages/api/login.js b/src/pages/api/login.js
index a747294b..e02a73cb 100644
--- a/src/pages/api/login.js
+++ b/src/pages/api/login.js
@@ -1,4 +1,4 @@
-import apiOdoo from "../../helpers/apiOdoo";
+import apiOdoo from "@/core/utils/apiOdoo";
 
 export default async function handler(req, res) {
   try {
diff --git a/src/pages/api/register.js b/src/pages/api/register.js
index 323cab24..7c8d8b39 100644
--- a/src/pages/api/register.js
+++ b/src/pages/api/register.js
@@ -1,4 +1,4 @@
-import apiOdoo from "../../helpers/apiOdoo";
+import apiOdoo from "@/core/utils/apiOdoo";
 
 export default async function handler(req, res) {
   try {
diff --git a/src/pages/index.js b/src/pages/index.js
index 511f2ecd..35175dce 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -7,15 +7,15 @@ import "swiper/css/pagination";
 import "swiper/css/autoplay";
 
 // Helpers
-import apiOdoo from "../helpers/apiOdoo";
+import apiOdoo from "@/core/utils/apiOdoo";
 
 // Components
-import Header from "../components/Header";
-import ProductSlider from "../components/product/ProductSlider";
-import Layout from "../components/Layout";
-import ManufactureCard from "../components/ManufactureCard";
-import Footer from "../components/Footer";
-import Image from "../components/Image";
+import Header from "@/components/layouts/Header";
+import ProductSlider from "@/components/products/ProductSlider";
+import Layout from "@/components/layouts/Layout";
+import ManufactureCard from "@/components/manufactures/ManufactureCard";
+import Footer from "@/components/layouts/Footer";
+import Image from "@/components/elements/Image";
 
 export async function getServerSideProps() {
   const heroBanners = await apiOdoo('GET', `/api/v1/banner?type=index-a-1`);
diff --git a/src/pages/login.js b/src/pages/login.js
index 0dfacfaa..cd48e5e6 100644
--- a/src/pages/login.js
+++ b/src/pages/login.js
@@ -1,14 +1,14 @@
 import axios from "axios";
 import Head from "next/head";
 import Image from "next/image";
-import Link from "../components/Link";
+import Link from "@/components/elements/Link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
-import Alert from "../components/Alert";
-import Layout from "../components/Layout";
-import Spinner from "../components/Spinner";
-import { setAuth } from "../helpers/auth";
-import Logo from "../images/logo.png";
+import Alert from "@/components/elements/Alert";
+import Layout from "@/components/layouts/Layout";
+import Spinner from "@/components/elements/Spinner";
+import { setAuth } from "@/core/utils/auth";
+import Logo from "@/images/logo.png";
 
 export default function Login() {
   const router = useRouter();
diff --git a/src/pages/logout.js b/src/pages/logout.js
index de749a37..8ea21fab 100644
--- a/src/pages/logout.js
+++ b/src/pages/logout.js
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import { useEffect } from "react";
-import { deleteAuth } from "../helpers/auth";
+import { deleteAuth } from "@/core/utils/auth";
 
 export default function Logout() {
   const router = useRouter();
diff --git a/src/pages/my/address/[id]/edit.js b/src/pages/my/address/[id]/edit.js
index e65ba699..838d39e7 100644
--- a/src/pages/my/address/[id]/edit.js
+++ b/src/pages/my/address/[id]/edit.js
@@ -1,12 +1,12 @@
 import { Controller, useForm } from "react-hook-form"
-import WithAuth from "../../../../components/WithAuth";
-import Layout from "../../../../components/Layout";
-import AppBar from "../../../../components/AppBar";
+import WithAuth from "@/components/auth/WithAuth";
+import Layout from "@/components/layouts/Layout";
+import AppBar from "@/components/layouts/AppBar";
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as Yup from "yup";
-import { Select } from "../../../../components/Fields";
+import { Select } from "@/components/elements/Fields";
 import { useEffect, useState } from "react";
-import apiOdoo from "../../../../helpers/apiOdoo";
+import apiOdoo from "@/core/utils/apiOdoo";
 import { toast } from "react-hot-toast";
 import { useRouter } from "next/router";
 
@@ -17,7 +17,7 @@ const validationSchema = Yup.object().shape({
   mobile: Yup.string().required('Harus di-isi'),
   street: Yup.string().required('Harus di-isi'),
   zip: Yup.string().required('Harus di-isi'),
-  city: Yup.number().required('Harus di-pilih'),
+  city: Yup.string().required('Harus di-pilih'),
 });
 
 const types = [
diff --git a/src/pages/my/address/create.js b/src/pages/my/address/create.js
index 71f73a64..4c7a8130 100644
--- a/src/pages/my/address/create.js
+++ b/src/pages/my/address/create.js
@@ -1,13 +1,13 @@
 import { Controller, useForm } from "react-hook-form"
-import WithAuth from "../../../components/WithAuth";
-import Layout from "../../../components/Layout";
-import AppBar from "../../../components/AppBar";
+import WithAuth from "@/components/auth/WithAuth";
+import Layout from "@/components/layouts/Layout";
+import AppBar from "@/components/layouts/AppBar";
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as Yup from "yup";
-import { Select } from "../../../components/Fields";
+import { Select } from "@/components/elements/Fields";
 import { useEffect, useState } from "react";
-import apiOdoo from "../../../helpers/apiOdoo";
-import { useAuth } from "../../../helpers/auth";
+import apiOdoo from "@/core/utils/apiOdoo";
+import { useAuth } from "@/core/utils/auth";
 import { toast } from "react-hot-toast";
 import { useRouter } from "next/router";
 
@@ -18,7 +18,7 @@ const validationSchema = Yup.object().shape({
   mobile: Yup.string().required('Harus di-isi'),
   street: Yup.string().required('Harus di-isi'),
   zip: Yup.string().required('Harus di-isi'),
-  city: Yup.number().required('Harus di-pilih'),
+  city: Yup.string().required('Harus di-pilih'),
 });
 
 const defaultValues = {
diff --git a/src/pages/my/address/index.js b/src/pages/my/address/index.js
index 236e4b60..dbe082ff 100644
--- a/src/pages/my/address/index.js
+++ b/src/pages/my/address/index.js
@@ -1,12 +1,14 @@
 import { useEffect, useState } from "react";
-import AppBar from "../../../components/AppBar";
-import Layout from "../../../components/Layout";
-import Link from "../../../components/Link";
-import WithAuth from "../../../components/WithAuth";
-import apiOdoo from "../../../helpers/apiOdoo";
-import { useAuth } from "../../../helpers/auth";
 import { useRouter } from "next/router";
-import { createOrUpdateItemAddress, getItemAddress } from "../../../helpers/address";
+
+import AppBar from "@/components/layouts/AppBar";
+import Layout from "@/components/layouts/Layout";
+import Link from "@/components/elements/Link";
+import WithAuth from "@/components/auth/WithAuth";
+
+import apiOdoo from "@/core/utils/apiOdoo";
+import { useAuth } from "@/core/utils/auth";
+import { createOrUpdateItemAddress, getItemAddress } from "@/core/utils/address";
 
 export default function Address() {
   const router = useRouter();
diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js
index f43c1fe9..e7ece135 100644
--- a/src/pages/my/menu.js
+++ b/src/pages/my/menu.js
@@ -1,8 +1,8 @@
 
-import AppBar from "../../components/AppBar";
-import Layout from "../../components/Layout";
-import Link from "../../components/Link";
-import { useAuth } from "../../helpers/auth";
+import AppBar from "@/components/layouts/AppBar";
+import Layout from "@/components/layouts/Layout";
+import Link from "@/components/elements/Link";
+import { useAuth } from "@/core/utils/auth";
 import {
   ArrowRightOnRectangleIcon,
   ChatBubbleLeftRightIcon,
diff --git a/src/pages/my/profile.js b/src/pages/my/profile.js
index d4b7fb6d..97891259 100644
--- a/src/pages/my/profile.js
+++ b/src/pages/my/profile.js
@@ -1,14 +1,14 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { toast } from "react-hot-toast";
-import AppBar from "../../components/AppBar";
-import Layout from "../../components/Layout";
-import WithAuth from "../../components/WithAuth";
-import apiOdoo from "../../helpers/apiOdoo";
+import AppBar from "@/components/layouts/AppBar";
+import Layout from "@/components/layouts/Layout";
+import WithAuth from "@/components/auth/WithAuth";
+import apiOdoo from "@/core/utils/apiOdoo";
 import { 
   useAuth,
   setAuth as setAuthCookie,
   getAuth
-} from "../../helpers/auth";
+} from "@/core/utils/auth";
 
 export default function MyProfile() {
   const [auth, setAuth] = useAuth();
diff --git a/src/pages/my/transactions/[slug].js b/src/pages/my/transactions/[slug].js
index b2381247..a76b0c4d 100644
--- a/src/pages/my/transactions/[slug].js
+++ b/src/pages/my/transactions/[slug].js
@@ -1,8 +1,8 @@
 import { ArrowDownOnSquareIcon, ArrowDownTrayIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from "@heroicons/react/24/outline";
-import AppBar from "../../../components/AppBar";
-import Layout from "../../../components/Layout";
-import LineDivider from "../../../components/LineDivider";
-import WithAuth from "../../../components/WithAuth";
+import AppBar from "@/components/layouts/AppBar";
+import Layout from "@/components/layouts/Layout";
+import LineDivider from "@/components/elements/LineDivider";
+import WithAuth from "@/components/auth/WithAuth";
 import { useState } from "react";
 
 const Row = ({ label, children }) => (
diff --git a/src/pages/my/transactions/index.js b/src/pages/my/transactions/index.js
index 7792c647..b1e31661 100644
--- a/src/pages/my/transactions/index.js
+++ b/src/pages/my/transactions/index.js
@@ -1,14 +1,14 @@
 import { useRouter } from "next/router";
-import AppBar from "../../../components/AppBar";
-import BottomPopup from "../../../components/BottomPopup";
-import Layout from "../../../components/Layout";
-import WithAuth from "../../../components/WithAuth";
+import AppBar from "@/components/layouts/AppBar";
+import BottomPopup from "@/components/elements/BottomPopup";
+import Layout from "@/components/layouts/Layout";
+import WithAuth from "@/components/auth/WithAuth";
 import { useEffect, useState } from "react";
-import { useAuth } from "../../../helpers/auth";
-import apiOdoo from "../../../helpers/apiOdoo";
-import currencyFormat from "../../../helpers/currencyFormat";
+import { useAuth } from "@/core/utils/auth";
+import apiOdoo from "@/core/utils/apiOdoo";
+import currencyFormat from "@/core/utils/currencyFormat";
 import { EllipsisVerticalIcon } from "@heroicons/react/24/outline";
-import Link from "../../../components/Link";
+import Link from "@/components/elements/Link";
 
 export default function Transactions() {
   const [ auth ] = useAuth();
diff --git a/src/pages/register.js b/src/pages/register.js
index 46938d0b..046ae686 100644
--- a/src/pages/register.js
+++ b/src/pages/register.js
@@ -1,12 +1,12 @@
 import axios from "axios";
 import Head from "next/head";
 import Image from "next/image";
-import Link from "../components/Link";
+import Link from "@/components/elements/Link";
 import { useEffect, useState } from "react";
-import Alert from "../components/Alert";
-import Layout from "../components/Layout";
-import Spinner from "../components/Spinner";
-import Logo from "../images/logo.png";
+import Alert from "@/components/elements/Alert";
+import Layout from "@/components/layouts/Layout";
+import Spinner from "@/components/elements/Spinner";
+import Logo from "@/images/logo.png";
 
 export default function Login() {
   const [email, setEmail] = useState('');
diff --git a/src/pages/shop/brands/[slug].js b/src/pages/shop/brands/[slug].js
index 8e67ef1e..928da0d0 100644
--- a/src/pages/shop/brands/[slug].js
+++ b/src/pages/shop/brands/[slug].js
@@ -1,13 +1,13 @@
 import axios from "axios";
 import { useEffect, useState } from "react";
-import Filter from "../../../components/Filter";
-import Footer from "../../../components/Footer";
-import Header from "../../../components/Header";
-import Layout from "../../../components/Layout";
-import Pagination from "../../../components/Pagination";
-import ProductCard from "../../../components/ProductCard";
-import { getNameFromSlug } from "../../../helpers/slug";
-import FilterIcon from "../../../icons/filter.svg";
+import Filter from "@/components/elements/Filter";
+import Footer from "@/components/layouts/Footer";
+import Header from "@/components/layouts/Header";
+import Layout from "@/components/layouts/Layout";
+import Pagination from "@/components/elements/Pagination";
+import ProductCard from "@/components/products/ProductCard";
+import { getNameFromSlug } from "@/core/utils/slug";
+import FilterIcon from "@/icons/filter.svg";
 
 export async function getServerSideProps(context) {
   const { 
diff --git a/src/pages/shop/brands.js b/src/pages/shop/brands/index.js
index d82fc31d..fec2405a 100644
--- a/src/pages/shop/brands.js
+++ b/src/pages/shop/brands/index.js
@@ -1,11 +1,11 @@
-import Header from "../../components/Header";
-import apiOdoo from "../../helpers/apiOdoo";
+import Header from "@/components/layouts/Header";
+import apiOdoo from "@/core/utils/apiOdoo";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { useEffect, useState } from "react";
-import Spinner from "../../components/Spinner";
-import Layout from "../../components/Layout";
-import ManufactureCard from "../../components/ManufactureCard";
-import Footer from "../../components/Footer";
+import Spinner from "@/components/elements/Spinner";
+import Layout from "@/components/layouts/Layout";
+import ManufactureCard from "@/components/manufactures/ManufactureCard";
+import Footer from "@/components/layouts/Footer";
 
 export async function getServerSideProps() {
   let initialManufactures = await apiOdoo('GET', '/api/v1/manufacture?limit=31');
diff --git a/src/pages/shop/cart.js b/src/pages/shop/cart.js
index 0c6bbdc3..53d5e648 100644
--- a/src/pages/shop/cart.js
+++ b/src/pages/shop/cart.js
@@ -14,21 +14,21 @@ import {
   createOrUpdateItemCart, 
   deleteItemCart, 
   getCart 
-} from "../../helpers/cart";
-import { createSlug } from "../../helpers/slug";
-import apiOdoo from "../../helpers/apiOdoo";
-import currencyFormat from "../../helpers/currencyFormat";
+} from "@/core/utils/cart";
+import { createSlug } from "@/core/utils/slug";
+import apiOdoo from "@/core/utils/apiOdoo";
+import currencyFormat from "@/core/utils/currencyFormat";
 
 // Components
-import ConfirmAlert from "../../components/ConfirmAlert";
-import Image from "../../components/Image";
-import Layout from "../../components/Layout";
-import Link from "../../components/Link";
-import Alert from "../../components/Alert";
-import Spinner from "../../components/Spinner";
-import AppBar from "../../components/AppBar";
-import ProgressBar from "../../components/ProgressBar";
-import LineDivider from "../../components/LineDivider";
+import ConfirmAlert from "@/components/elements/ConfirmAlert";
+import Image from "@/components/elements/Image";
+import Layout from "@/components/layouts/Layout";
+import Link from "@/components/elements/Link";
+import Alert from "@/components/elements/Alert";
+import Spinner from "@/components/elements/Spinner";
+import AppBar from "@/components/layouts/AppBar";
+import ProgressBar from "@/components/elements/ProgressBar";
+import LineDivider from "@/components/elements/LineDivider";
 
 export default function Cart() {
   const router = useRouter();
diff --git a/src/pages/shop/checkout.js b/src/pages/shop/checkout.js
index 0f9619cf..1849e0fe 100644
--- a/src/pages/shop/checkout.js
+++ b/src/pages/shop/checkout.js
@@ -1,22 +1,22 @@
 import { ExclamationCircleIcon } from "@heroicons/react/24/solid";
 import { useEffect, useState } from "react";
-import Alert from "../../components/Alert";
-import AppBar from "../../components/AppBar";
-import Image from "../../components/Image";
-import Layout from "../../components/Layout";
-import LineDivider from "../../components/LineDivider";
-import Link from "../../components/Link";
-import ProgressBar from "../../components/ProgressBar";
-import Spinner from "../../components/Spinner";
-import apiOdoo from "../../helpers/apiOdoo";
-import { useAuth } from "../../helpers/auth";
-import { deleteItemCart, getCart } from "../../helpers/cart";
-import currencyFormat from "../../helpers/currencyFormat";
-import { getItemAddress } from "../../helpers/address";
+import Alert from "@/components/elements/Alert";
+import AppBar from "@/components/layouts/AppBar";
+import Image from "@/components/elements/Image";
+import Layout from "@/components/layouts/Layout";
+import LineDivider from "@/components/elements/LineDivider";
+import Link from "@/components/elements/Link";
+import ProgressBar from "@/components/elements/ProgressBar";
+import Spinner from "@/components/elements/Spinner";
+import apiOdoo from "@/core/utils/apiOdoo";
+import { useAuth } from "@/core/utils/auth";
+import { deleteItemCart, getCart } from "@/core/utils/cart";
+import currencyFormat from "@/core/utils/currencyFormat";
+import { getItemAddress } from "@/core/utils/address";
 import { useRouter } from "next/router";
-import WithAuth from "../../components/WithAuth";
+import WithAuth from "@/components/auth/WithAuth";
 import { toast } from "react-hot-toast";
-import getFileBase64 from "../../helpers/getFileBase64";
+import getFileBase64 from "@/core/utils/getFileBase64";
 
 export default function Checkout() {
   const router = useRouter();
diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js
index 43d511a8..fe467439 100644
--- a/src/pages/shop/product/[slug].js
+++ b/src/pages/shop/product/[slug].js
@@ -1,17 +1,17 @@
-import Link from "../../../components/Link";
+import Link from "@/components/elements/Link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
-import Header from "../../../components/Header";
-import apiOdoo from "../../../helpers/apiOdoo";
-import { createSlug, getIdFromSlug } from "../../../helpers/slug";
-import currencyFormat from "../../../helpers/currencyFormat";
-import ProductSlider from "../../../components/product/ProductSlider";
-import Layout from "../../../components/Layout";
-import { createOrUpdateItemCart } from "../../../helpers/cart";
+import Header from "@/components/layouts/Header";
+import apiOdoo from "@/core/utils/apiOdoo";
+import { createSlug, getIdFromSlug } from "@/core/utils/slug";
+import currencyFormat from "@/core/utils/currencyFormat";
+import ProductSlider from "@/components/products/ProductSlider";
+import Layout from "@/components/layouts/Layout";
+import { createOrUpdateItemCart } from "@/core/utils/cart";
 import toast from "react-hot-toast";
-import Footer from "../../../components/Footer";
-import Image from "../../../components/Image";
-import LineDivider from "../../../components/LineDivider";
+import Footer from "@/components/layouts/Footer";
+import Image from "@/components/elements/Image";
+import LineDivider from "@/components/elements/LineDivider";
 
 export async function getServerSideProps( context ) {
   const { slug } = context.query;
diff --git a/src/pages/shop/search.js b/src/pages/shop/search.js
index db93d2cb..2521c7a2 100644
--- a/src/pages/shop/search.js
+++ b/src/pages/shop/search.js
@@ -1,12 +1,12 @@
 import axios from "axios";
-import Header from "../../components/Header";
-import Layout from "../../components/Layout";
-import Pagination from "../../components/Pagination";
-import ProductCard from "../../components/ProductCard";
-import FilterIcon from "../../icons/filter.svg";
+import Header from "@/components/layouts/Header";
+import Layout from "@/components/layouts/Layout";
+import Pagination from "@/components/elements/Pagination";
+import ProductCard from "@/components/products/ProductCard";
+import FilterIcon from "@/icons/filter.svg";
 import { useEffect, useState } from "react";
-import Filter from "../../components/Filter";
-import Footer from "../../components/Footer";
+import Filter from "@/components/elements/Filter";
+import Footer from "@/components/layouts/Footer";
 
 export async function getServerSideProps(context) {
   const {