Architecture storefront

export const articleCardAnimation = {
	initial: { opacity: 0, y: -20 },
	animate: { opacity: 1, y: 0 },
	exit: { opacity: 0, y: -20 },
	transition: { duration: 0.2 },
}

export const categoryCardAnimation = {
	initial: { opacity: 0, x: 10 },
	whileInView: { opacity: 1, x: 0 },
	viewport: { once: true },
}

import { useState } from "react"

export type StateType = [boolean, () => void, () => void, () => void] & {
	state: boolean
	open: () => void
	close: () => void
	toggle: () => void
}

/**
 *
 * @param initialState - boolean
 * @returns An array like object with `state`, `open`, `close`, and `toggle` properties
 *  to allow both object and array destructuring
 *
 * ```
 *  const [showModal, openModal, closeModal, toggleModal] = useToggleState()
 *  // or
 *  const { state, open, close, toggle } = useToggleState()
 * ```
 */

const useToggleState = (initialState = false) => {
	const [state, setState] = useState<boolean>(initialState)

	const close = () => {
		setState(false)
	}

	const open = () => {
		setState(true)
	}

	const toggle = () => {
		setState((state) => !state)
	}

	const hookData = [state, open, close, toggle] as StateType
	hookData.state = state
	hookData.open = open
	hookData.close = close
	hookData.toggle = toggle
	return hookData
}

export default useToggleState

export const isEmpty = (input: any) => {
	return (
		input === null ||
		input === undefined ||
		(isObject(input) && Object.keys(input).length === 0) ||
		(isArray(input) && (input as any[]).length === 0) ||
		(typeof input === "string" && input.trim().length === 0)
	)
}

import Medusa from '@medusajs/medusa-js'

// Defaults to standard port for Medusa server
let MEDUSA_BACKEND_URL = 'http://localhost:9000'

if (process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL) {
	MEDUSA_BACKEND_URL = process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL
}

export const medusaClient = new Medusa({
	baseUrl: MEDUSA_BACKEND_URL,
	maxRetries: 3,
})

import React from "react"
import { CreditCard } from "@medusajs/icons"

import Ideal from "@modules/common/icons/ideal"
import Bancontact from "@modules/common/icons/bancontact"
import PayPal from "@modules/common/icons/paypal"

/* Map of payment provider_id to their title and icon. Add in any payment providers you want to use. */
export const paymentInfoMap: Record<
string,
{ title: string; icon: React.JSX.Element }
> = {
stripe: {
	title: "Credit card",
	icon: <CreditCard />,
},
"stripe-ideal": {
	title: "iDeal",
	icon: <Ideal />,
},
"stripe-bancontact": {
	title: "Bancontact",
	icon: <Bancontact />,
},
paypal: {
	title: "PayPal",
	icon: <PayPal />,
},
manual: {
	title: "Test payment",
	icon: <CreditCard />,
},
// Add more payment providers here
}

// Add currencies that don't need to be divided by 100
export const noDivisionCurrencies = [
"krw",
"jpy",
"vnd",
"clp",
"pyg",
"xaf",
"xof",
"bif",
"djf",
"gnf",
"kmf",
"mga",
"rwf",
"xpf",
"htg",
"vuv",
"xag",
"xdr",
"xau",
]

"use client"

import { useState } from "react"
import Register from "@modules/account/components/register"
import Login from "@modules/account/components/login"

export enum LOGIN_VIEW {
	SIGN_IN = "sign-in",
	REGISTER = "register",
}

const LoginTemplate = () => {
	const [currentView, setCurrentView] = useState("sign-in")

	return (
		<div className="w-full flex justify-start px-8 py-8">
			{currentView === "sign-in" ? (
				<Login setCurrentView={setCurrentView} />
			) : (
				<Register setCurrentView={setCurrentView} />
			)}
		</div>
	)
}

export default LoginTemplate

"use server"

import {
	addShippingAddress,
	authenticate,
	createCustomer,
	deleteShippingAddress,
	getToken,
	updateCustomer,
	updateShippingAddress,
} from "@lib/data"
import { revalidateTag } from "next/cache"
import { redirect } from "next/navigation"
import { cookies, headers } from "next/headers"
import {
	Customer,
	StorePostCustomersCustomerAddressesAddressReq,
	StorePostCustomersCustomerAddressesReq,
	StorePostCustomersCustomerReq,
	StorePostCustomersReq,
} from "@medusajs/medusa"

export async function signUp(_currentState: unknown, formData: FormData) {
	const customer = {
		email: formData.get("email"),
		password: formData.get("password"),
		first_name: formData.get("first_name"),
		last_name: formData.get("last_name"),
		phone: formData.get("phone"),
	} as StorePostCustomersReq

	try {
		await createCustomer(customer)
		await getToken({ email: customer.email, password: customer.password }).then(
			() => {
				revalidateTag("customer")
			}
		)
	} catch (error: any) {
		return error.toString()
	}
}

export async function logCustomerIn(
	_currentState: unknown,
	formData: FormData
) {
	const email = formData.get("email") as string
	const password = formData.get("password") as string

	try {
		await getToken({ email, password }).then(() => {
			revalidateTag("customer")
		})
	} catch (error: any) {
		return error.toString()
	}
}