create-nextjs-cms 0.9.22 → 0.9.24

package/templates/default/components/{Sidebar.tsx → layout/sidebar.tsx}

@@ -3,11 +3,12 @@ import classNames from 'classnames'
 import Link from 'next/link'
 import Image from 'next/image'
 import { SidebarProps } from 'nextjs-cms/core/types'
-import SidebarItem from '@/components/SidebarItem'
-import SidebarDropdownItem from '@/components/SidebarDropdownItem'
+import SidebarItem from '@/components/layout/sidebar-item'
+import SidebarDropdownItem from '@/components/layout/sidebar-dropdown-item'
+import SidebarPluginGroup from '@/components/layout/sidebar-plugin-group'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { useI18n } from 'nextjs-cms/translations/client'
-import ProtectedImage from '@/components/ProtectedImage'
+import ProtectedImage from '@/components/media/protected-image'
 import { trpc } from '@/app/_trpc/client'
 import { useToast } from '@/components/ui/use-toast'
 import { logout, useSession } from 'nextjs-cms/auth/react'
@@ -89,6 +90,30 @@ const Sidebar = (props: SidebarProps & { logoUrlPath: string; logoText: string;
                                     </div>
                                 )}
 
+                                {navItems.plugin_sections && navItems.plugin_sections.length > 0 && (
+                                    <div className='border-primary/40 mx-3 flex flex-col border-b py-2'>
+                                        <h2 className='my-2 text-start text-xs text-gray-300'>{t('plugins')}</h2>
+                                        {navItems.plugin_sections.map((item, index) => {
+                                            if (item.kind === 'group') {
+                                                return (
+                                                    <SidebarPluginGroup
+                                                        closeSideBar={props.closeSideBar}
+                                                        key={index}
+                                                        group={item}
+                                                    />
+                                                )
+                                            }
+                                            return (
+                                                <SidebarItem
+                                                    closeSideBar={props.closeSideBar}
+                                                    key={index}
+                                                    item={item}
+                                                />
+                                            )
+                                        })}
+                                    </div>
+                                )}
+
                                 {navItems.cat_sections && navItems.cat_sections.length > 0 && (
                                     <div className='border-primary/40 mx-3 flex flex-col border-b py-2'>
                                         <h2 className='my-2 text-start text-xs text-gray-300'>{t('categorySections')}</h2>

package/templates/default/components/{LocaleSwitcher.tsx → locale/locale-switcher.tsx}

@@ -5,8 +5,8 @@ import { cn } from '@/lib/utils'
 import { Check } from 'lucide-react'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { useSession } from 'nextjs-cms/auth/react'
-import ContainerBox from './ContainerBox'
-import { Alert, AlertDescription } from './ui/alert'
+import ContainerBox from '@/components/container-box'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 
 type LocaleConfig = {
     code: string

package/templates/default/components/{Dropzone.tsx → media/dropzone.tsx}

@@ -1,7 +1,7 @@
 import React, { CSSProperties, forwardRef, Ref, useEffect, useImperativeHandle, useState } from 'react'
 import { DropEvent, FileRejection, useDropzone } from 'react-dropzone'
 import { DropzoneFile } from 'nextjs-cms/core/types'
-import ContainerBox from '@/components/ContainerBox'
+import ContainerBox from '@/components/container-box'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { MinusIcon } from '@radix-ui/react-icons'
 import { useToast } from '@/components/ui/use-toast'

package/templates/default/components/{GalleryPhoto.tsx → media/gallery-photo.tsx}

@@ -1,7 +1,7 @@
 import { trpc } from '@/app/_trpc/client'
-import ProtectedImage from '@/components/ProtectedImage'
+import ProtectedImage from '@/components/media/protected-image'
 import { useToast } from '@/components/ui/use-toast'
-import useModal from '@/hooks/useModal'
+import { useModal } from '@/components/feedback/modal-context'
 import { MinusIcon } from '@radix-ui/react-icons'
 import { PhotoGalleryItem } from 'nextjs-cms/core/types'
 import { useI18n } from 'nextjs-cms/translations/client'

package/templates/default/components/{PhotoGallery.tsx → media/photo-gallery.tsx}

@@ -1,5 +1,5 @@
-import ContainerBox from '@/components/ContainerBox'
-import GalleryPhoto from '@/components/GalleryPhoto'
+import ContainerBox from '@/components/container-box'
+import GalleryPhoto from '@/components/media/gallery-photo'
 import { Alert, AlertDescription } from '@/components/ui/alert'
 import { PhotoGalleryItem } from 'nextjs-cms/core/types'
 import { useI18n } from 'nextjs-cms/translations/client'

package/templates/default/components/{ProtectedImage.tsx → media/protected-image.tsx}

@@ -1,6 +1,6 @@
 import Image from 'next/image'
 import React, { useEffect } from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useAxiosPrivate } from 'nextjs-cms/api/client'
 import { AxiosInstance } from 'axios'
 import { base64ToBlob } from 'nextjs-cms/utils'
 

package/templates/default/components/multi-select.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { CheckIcon, XCircle, ChevronDown, XIcon, WandSparkles } from 'lucide-react'
-
+import { env } from '@/env/env'
 import { cn } from '@/lib/utils'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { Separator } from '@/components/ui/separator'
@@ -532,7 +532,7 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
                     uniqueOptions.push(option)
                 }
             })
-            if (process.env.NODE_ENV === 'development' && duplicates.length > 0) {
+            if (env.NODE_ENV === 'development' && duplicates.length > 0) {
                 const action = deduplicateOptions ? 'automatically removed' : 'detected'
                 console.warn(
                     `MultiSelect: Duplicate option values ${action}: ${duplicates.join(', ')}. ` +
@@ -549,7 +549,7 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
         const getOptionByValue = React.useCallback(
             (value: string): MultiSelectOption | undefined => {
                 const option = getAllOptions().find((option) => option.value === value)
-                if (!option && process.env.NODE_ENV === 'development') {
+                if (!option && env.NODE_ENV === 'development') {
                     console.warn(`MultiSelect: Option with value "${value}" not found in options list`)
                 }
                 return option
@@ -913,7 +913,11 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
                                                     handleClear()
                                                 }
                                             }}
-                                            aria-label={t('clearAllSelectedOptions', { count: String(selectedValues.length) }) as string}
+                                            aria-label={
+                                                t('clearAllSelectedOptions', {
+                                                    count: String(selectedValues.length),
+                                                }) as string
+                                            }
                                             className='text-muted-foreground hover:text-foreground focus:ring-ring mx-2 flex h-4 w-4 cursor-pointer items-center justify-center rounded-sm focus:ring-2 focus:ring-offset-1 focus:outline-none'
                                         >
                                             <XIcon className='h-4 w-4' />

package/templates/default/components/{AdminsPage.tsx → pages/admins-page.tsx}

@@ -1,11 +1,11 @@
 'use client'
 
-import AdminCard from '@/components/AdminCard'
+import AdminCard from '@/components/admin/admin-card'
 import { useI18n } from 'nextjs-cms/translations/client'
-import NewAdminForm from '@/components/NewAdminForm'
-import ContainerBox from '@/components/ContainerBox'
+import NewAdminForm from '@/components/admin/new-admin-form'
+import ContainerBox from '@/components/container-box'
 import { trpc } from '@/app/_trpc/client'
-import ErrorComponent from './ErrorComponent'
+import ErrorComponent from '@/components/feedback/error-component'
 
 const AdminsPage = () => {
     const t = useI18n()

package/templates/default/components/{BrowsePage.tsx → pages/browse-page.tsx}

@@ -2,17 +2,17 @@
 
 import { useRef } from 'react'
 import { useI18n } from 'nextjs-cms/translations/client'
-import SectionItemCard from '@/components/SectionItemCard'
-import ContainerBox from '@/components/ContainerBox'
-import Pagination from '@/components/pagination/Pagination'
+import SectionItemCard from '@/components/sections/section-item-card'
+import ContainerBox from '@/components/container-box'
+import Pagination from '@/components/pagination/pagination'
 import { Alert, AlertDescription } from '@/components/ui/alert'
-import { Card, CardContent, CardFooter, CardHeader, CardTitle } from './ui/card'
-import { Input } from './ui/input'
-import { Button } from './ui/button'
+import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Button } from '@/components/ui/button'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { trpc } from '@/app/_trpc/client'
 import { capitalizeWords } from 'nextjs-cms/utils'
-import ErrorComponent from '@/components/ErrorComponent'
+import ErrorComponent from '@/components/feedback/error-component'
 
 export default function BrowsePage({ section, page }: { section: string; page: string }) {
     const t = useI18n()

package/templates/default/components/{CategorizedSectionPage.tsx → pages/categorized-section-page.tsx}

@@ -1,8 +1,8 @@
 'use client'
 
 import { trpc } from '@/app/_trpc/client'
-import CategorySectionSelectInput from '@/components/CategorySectionSelectInput'
-import ErrorComponent from '@/components/ErrorComponent'
+import CategorySectionSelectInput from '@/components/sections/category-section-select-input'
+import ErrorComponent from '@/components/feedback/error-component'
 
 export default function CategorizedSectionPage({ section }: { section: string }) {
     const [data, {refetch}] = trpc.categorySections.get.useSuspenseQuery({

package/templates/default/components/{ItemEditPage.tsx → pages/item-edit-page.tsx}

@@ -1,22 +1,21 @@
 'use client'
 
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useAxiosPrivate } from 'nextjs-cms/api/client'
 import { RefObject, useCallback, useEffect, useRef, useState } from 'react'
 import { SectionType } from 'nextjs-cms/core/types'
 import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
+import { useModal } from '@/components/feedback/modal-context'
 import { AxiosError } from 'axios'
-import InfoCard from '@/components/InfoCard'
+import InfoCard from '@/components/feedback/info-card'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useToast } from '@/components/ui/use-toast'
-import { DropzoneHandles } from '@/components/Dropzone'
-import { VariantHandles } from '@/components/NewVariantComponent'
+import { DropzoneHandles } from '@/components/media/dropzone'
 import { trpc } from '@/app/_trpc/client'
-import Form from '@/components/form/Form'
-import ErrorComponent from '@/components/ErrorComponent'
-import LocaleSwitcher from '@/components/LocaleSwitcher'
+import Form from '@/components/form/form'
+import ErrorComponent from '@/components/feedback/error-component'
+import LocaleSwitcher from '@/components/locale/locale-switcher'
 import { Trash2 } from 'lucide-react'
-import { Alert, AlertDescription } from './ui/alert'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 
 export default function ItemEditPage({
     section,
@@ -50,7 +49,6 @@ export default function ItemEditPage({
     const [formDirty, setFormDirty] = useState(false)
     const handleDirtyChange = useCallback((isDirty: boolean) => setFormDirty(isDirty), [])
     const dropzoneRef: RefObject<DropzoneHandles | null> = useRef(null)
-    const variantRef: RefObject<VariantHandles[]> = useRef([])
     const [data, { refetch }] = trpc.hasItemsSections.editItem.useSuspenseQuery({
         sectionName: section,
         sectionItemId: itemId,
@@ -103,22 +101,6 @@ export default function ItemEditPage({
             })
         }
 
-        // Retrieve the variants from the variants component
-        // For now, only one variant is allowed
-        const variantsObject: any[] = []
-        if (variantRef.current && data?.section?.variants?.length && data?.section?.variants[0]) {
-            // Add variants to the body
-            variantRef.current.map((ref, index) => {
-                variantsObject.push({
-                    // @ts-ignore
-                    variant: data.section.variants[index],
-                    items: ref.getVariants(),
-                })
-            })
-
-            formData.append(`variantItems`, JSON.stringify(variantsObject))
-        }
-
         // Check if there are any hidden inputs passed to the component
         if (hiddenInputs) {
             // Add hidden inputs to the body
@@ -157,13 +139,6 @@ export default function ItemEditPage({
                     if (dropzoneRef.current) {
                         dropzoneRef.current.removeFiles()
                     }
-
-                    // Clear Variants
-                    if (variantRef.current) {
-                        variantRef.current.map((ref) => {
-                            ref.removeVariants()
-                        })
-                    }
                     await refetch()
                     setSubmitSuccessCount((currentCount) => currentCount + 1)
                     switch (sectionType) {
@@ -279,7 +254,6 @@ export default function ItemEditPage({
                     progress={progress}
                     data={data}
                     dropzoneRef={dropzoneRef}
-                    variantRef={variantRef}
                     handleSubmit={handleSubmit}
                     isSubmitting={isSubmitting}
                     submitSuccessCount={submitSuccessCount}

package/templates/default/components/{LogPage.tsx → pages/log-page.tsx}

@@ -4,7 +4,7 @@ import { useI18n } from 'nextjs-cms/translations/client'
 import { trpc } from '@/app/_trpc/client'
 import { Badge } from '@/components/ui/badge'
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
-import ErrorComponent from '@/components/ErrorComponent'
+import ErrorComponent from '@/components/feedback/error-component'
 import { Spinner } from '@/components/ui/spinner'
 
 type LogMetadata = {

package/templates/default/components/{NewPage.tsx → pages/new-page.tsx}

@@ -1,19 +1,18 @@
 'use client'
 
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useAxiosPrivate } from 'nextjs-cms/api/client'
 import { RefObject, useEffect, useRef, useState } from 'react'
 import { SectionType } from 'nextjs-cms/core/types'
 import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
+import { useModal } from '@/components/feedback/modal-context'
 import { AxiosError } from 'axios'
-import InfoCard from '@/components/InfoCard'
+import InfoCard from '@/components/feedback/info-card'
 import { useToast } from '@/components/ui/use-toast'
 import { useRouter } from 'next/navigation'
-import { DropzoneHandles } from '@/components/Dropzone'
-import { VariantHandles } from '@/components/NewVariantComponent'
+import { DropzoneHandles } from '@/components/media/dropzone'
 import { trpc } from '@/app/_trpc/client'
-import Form from '@/components/form/Form'
-import ErrorComponent from '@/components/ErrorComponent'
+import Form from '@/components/form/form'
+import ErrorComponent from '@/components/feedback/error-component'
 
 export default function NewPage({
     section,
@@ -40,10 +39,9 @@ export default function NewPage({
     const { toast } = useToast()
     const router = useRouter()
     const dropzoneRef: RefObject<DropzoneHandles | null> = useRef(null)
-    const variantRef: RefObject<VariantHandles[]> = useRef([])
     const utils = trpc.useUtils()
 
-    const [data, {error, isError}] = trpc.hasItemsSections.newItem.useSuspenseQuery({
+    const [data, { error, isError }] = trpc.hasItemsSections.newItem.useSuspenseQuery({
         sectionName: section,
     })
 
@@ -64,22 +62,6 @@ export default function NewPage({
             })
         }
 
-        // Retrieve the variants from the variants component
-        // For now, only one variant is allowed
-        const variantsObject: any[] = []
-        if (variantRef.current && data?.section?.variants?.length && data?.section?.variants[0]) {
-            // Add variants to the body
-            variantRef.current.map((ref, index) => {
-                variantsObject.push({
-                    // @ts-ignore
-                    variant: data.section.variants[index],
-                    items: ref.getVariants(),
-                })
-            })
-
-            formData.append(`variantItems`, JSON.stringify(variantsObject))
-        }
-
         // Check if there are any hidden inputs passed to the component
         if (hiddenInputs) {
             // Add hidden inputs to the body
@@ -116,9 +98,7 @@ export default function NewPage({
                     toast({
                         variant: res.data?.errors?.length ? 'warning' : 'success',
                         title: t('itemCreatedSuccessfully'),
-                        description: res.data?.errors?.length
-                            ? t('errorsInSubmit')
-                            : t('itemCreatedSuccessfully'),
+                        description: res.data?.errors?.length ? t('errorsInSubmit') : t('itemCreatedSuccessfully'),
                     })
 
                     switch (sectionType) {
@@ -173,34 +153,31 @@ export default function NewPage({
     }, [])
 
     if (data.error) {
-            return <ErrorComponent message={data.error.message} />
+        return <ErrorComponent message={data.error.message} />
     }
 
     return (
         <div className='flex w-full flex-col overflow-hidden'>
-            
-                <div className='flex w-full flex-col'>
-                    <div className='text-foreground relative z-1 border-b-2 p-8 pt-12 font-extrabold'>
-                        <div className='absolute top-0 left-0 z-2 h-4 w-full bg-linear-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
-                        <h1 className='pb-4 text-4xl'>{data.section?.title.section}</h1>
-                        <span>
-                            /{t('new')} {data.section?.title.singular}
-                        </span>
-                    </div>
-                    <Form
-                        formType='new'
-                        progressVariant={progressVariant}
-                        response={response}
-                        progress={progress}
-                        data={data}
-                        dropzoneRef={dropzoneRef}
-                        variantRef={variantRef}
-                        handleSubmit={handleSubmit}
-                        isSubmitting={isSubmitting}
-                        contentLocale={data.defaultLocale ?? undefined}
-                    />
+            <div className='flex w-full flex-col'>
+                <div className='text-foreground relative z-1 border-b-2 p-8 pt-12 font-extrabold'>
+                    <div className='absolute top-0 left-0 z-2 h-4 w-full bg-linear-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
+                    <h1 className='pb-4 text-4xl'>{data.section?.title.section}</h1>
+                    <span>
+                        /{t('new')} {data.section?.title.singular}
+                    </span>
                 </div>
-            
+                <Form
+                    formType='new'
+                    progressVariant={progressVariant}
+                    response={response}
+                    progress={progress}
+                    data={data}
+                    dropzoneRef={dropzoneRef}
+                    handleSubmit={handleSubmit}
+                    isSubmitting={isSubmitting}
+                    contentLocale={data.defaultLocale ?? undefined}
+                />
+            </div>
         </div>
     )
 }

package/templates/default/components/{SectionPage.tsx → pages/section-page.tsx}

@@ -1,19 +1,19 @@
 'use client'
 
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useAxiosPrivate } from 'nextjs-cms/api/client'
 import { RefObject, useCallback, useEffect, useRef, useState } from 'react'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { AxiosError } from 'axios'
-import InfoCard from '@/components/InfoCard'
-import { DropzoneHandles } from '@/components/Dropzone'
+import InfoCard from '@/components/feedback/info-card'
+import { DropzoneHandles } from '@/components/media/dropzone'
 import { useToast } from '@/components/ui/use-toast'
 import { trpc } from '@/app/_trpc/client'
-import Form from '@/components/form/Form'
-import ErrorComponent from './ErrorComponent'
+import Form from '@/components/form/form'
+import ErrorComponent from '@/components/feedback/error-component'
 import { useRouter, useSearchParams } from 'next/navigation'
-import LocaleSwitcher from '@/components/LocaleSwitcher'
+import LocaleSwitcher from '@/components/locale/locale-switcher'
 import { Trash2 } from 'lucide-react'
-import { Alert, AlertDescription } from './ui/alert'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 
 export default function SectionPage({ section }: { section: string }) {
     const t = useI18n()

package/templates/default/components/{SettingsPage.tsx → pages/settings-page.tsx}

@@ -2,12 +2,12 @@
 
 import React, { useEffect, useState } from 'react'
 import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
-import InfoCard from '@/components/InfoCard'
-import LoadingSpinners from '@/components/LoadingSpinners'
+import { useModal } from '@/components/feedback/modal-context'
+import InfoCard from '@/components/feedback/info-card'
+import LoadingSpinners from '@/components/feedback/loading-spinners'
 import { useToast } from '@/components/ui/use-toast'
 import { trpc } from '@/app/_trpc/client'
-import Form from '@/components/form/Form'
+import Form from '@/components/form/form'
 
 export default function SettingsPage() {
     const t = useI18n()

package/templates/default/components/pagination/{Pagination.tsx → pagination.tsx}

@@ -1,5 +1,5 @@
 import React from 'react'
-import PaginationButtons from './PaginationButtons'
+import PaginationButtons from '@/components/pagination/pagination-buttons'
 
 export default function Pagination({
     page,

package/templates/default/components/{CategoryDeleteConfirmPage.tsx → sections/category-delete-confirm-page.tsx}

@@ -1,12 +1,12 @@
-import LoadingSpinners from '@/components/LoadingSpinners'
-import InfoCard from '@/components/InfoCard'
+import LoadingSpinners from '@/components/feedback/loading-spinners'
+import InfoCard from '@/components/feedback/info-card'
 import React from 'react'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { Button } from '@/components/ui/button'
-import useModal from '@/hooks/useModal'
+import { useModal } from '@/components/feedback/modal-context'
 import { useToast } from '@/components/ui/use-toast'
 import { trpc } from '@/app/_trpc/client'
-import { Switch } from './ui/switch'
+import { Switch } from '@/components/ui/switch'
 import { Label } from '@/components/ui/label'
 
 export default function CategoryDeleteConfirmPage({

package/templates/default/components/{CategorySectionSelectInput.tsx → sections/category-section-select-input.tsx}

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react'
-import FormInputElement from '@/components/form/FormInputElement'
-import SelectBox from '@/components/SelectBox'
-import LoadingSpinners from '@/components/LoadingSpinners'
+import FormInputElement from '@/components/form/form-input-element'
+import SelectBox from '@/components/select-box'
+import LoadingSpinners from '@/components/feedback/loading-spinners'
 import { useAutoAnimate } from '@formkit/auto-animate/react'
-import SelectInputButtons from '@/components/SelectInputButtons'
+import SelectInputButtons from '@/components/sections/select-input-buttons'
 import { useI18n } from 'nextjs-cms/translations/client'
 import { trpc } from '@/app/_trpc/client'
 import { SelectOption } from 'nextjs-cms/core/fields'
-import type { RouterOutputs } from 'nextjs-cms/api'
+import type { RouterOutputs } from '@/app/_trpc/types'
 import { nanoid } from 'nanoid'
 
 type CategorySelect = RouterOutputs['categorySections']['get']['data']

package/templates/default/components/{ConditionalFields.tsx → sections/conditional-fields.tsx}

@@ -1,6 +1,6 @@
 import { FieldClientConfig } from 'nextjs-cms/core/fields'
 import React, { useEffect, useState } from 'react'
-import FormInputs from '@/components/form/FormInputs'
+import FormInputs from '@/components/form/form-inputs'
 import { ConditionalField } from 'nextjs-cms/core/types'
 
 export function ConditionalFields({

package/templates/default/components/{SectionItemCard.tsx → sections/section-item-card.tsx}

@@ -1,15 +1,15 @@
 import React from 'react'
 import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
-import ProtectedImage from '@/components/ProtectedImage'
-import SectionItemStatusBadge from '@/components/SectionItemStatusBadge'
+import { useModal } from '@/components/feedback/modal-context'
+import ProtectedImage from '@/components/media/protected-image'
+import SectionItemStatusBadge from '@/components/sections/section-item-status-badge'
 import { displayDateFromString } from 'nextjs-cms/utils'
 import Link from 'next/link'
 import { CardTitle, CardHeader, CardFooter, Card, CardContent } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { PersonIcon } from '@radix-ui/react-icons'
 import { trpc } from '@/app/_trpc/client'
-import type { RouterOutputs } from 'nextjs-cms/api'
+import type { RouterOutputs } from '@/app/_trpc/types'
 
 // Used to get elements of array types as types
 type ArrElement<ArrType> = ArrType extends readonly (infer ElementType)[] ? ElementType : never

package/templates/default/components/{SelectInputButtons.tsx → sections/select-input-buttons.tsx}

@@ -1,10 +1,10 @@
 import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
+import { useModal } from '@/components/feedback/modal-context'
 import React from 'react'
-import NewPage from '@/components/NewPage'
-import ItemEditPage from '@/components/ItemEditPage'
+import NewPage from '@/components/pages/new-page'
+import ItemEditPage from '@/components/pages/item-edit-page'
 import { Button } from '@/components/ui/button'
-import CategoryDeleteConfirmPage from '@/components/CategoryDeleteConfirmPage'
+import CategoryDeleteConfirmPage from '@/components/sections/category-delete-confirm-page'
 
 export default function SelectInputButtons({
     section,

package/templates/default/dynamic-schemas/schema.ts

@@ -46,9 +46,25 @@ export const TestSectionTable = mysqlTable('test_section', {
 
 export const TestTagsTable = mysqlTable('test_tags', {
     testId: int('test_id').notNull(),
-    tagName: varchar('tag_name', { length: 255 }).notNull()
+    tagName: varchar('tag_name', { length: 255 }).notNull(),
+    locale: varchar('locale', { length: 255 }).notNull()
 }, (table) => [
-    primaryKey({ columns: [table.testId, table.tagName] })
+    primaryKey({ columns: [table.testId, table.tagName, table.locale] })
+]);
+
+
+export const TestSectionLocalesTable = mysqlTable('test_section_locales', {
+    id: int('id').autoincrement().notNull().primaryKey(),
+    parentId: int('parent_id').notNull(),
+    locale: varchar('locale', { length: 10 }).notNull(),
+    contentType: mysqlEnum('content_type', ['ad', 'user']).notNull(),
+    price: int('price'),
+    appId: varchar('app_id', { length: 36 }).notNull(),
+    title: varchar('title', { length: 255 }).notNull(),
+    photo: varchar('photo', { length: 255 }),
+    category: varchar('category', { length: 255 }).notNull()
+}, (table) => [
+    unique('test_section_locales_parent_id_locale_unique').on(table.parentId, table.locale)
 ]);
 
 
@@ -619,6 +635,32 @@ export const AddressTable = mysqlTable('address', {
 });
 
 
+export const E2eRequiredFieldsTable = mysqlTable('e2e_required_fields', {
+    id: int('id').autoincrement().notNull().primaryKey(),
+    title: varchar('title', { length: 255 }).notNull(),
+    slug: varchar('slug', { length: 255 }).notNull(),
+    subtitle: longtext('subtitle').notNull(),
+    secret: varchar('secret', { length: 255 }).notNull(),
+    quantity: int('quantity').notNull(),
+    price: float('price').notNull(),
+    rating: double('rating').notNull(),
+    isPublished: boolean('is_published').notNull(),
+    status: mysqlEnum('status', ['draft', 'published', 'archived']).notNull(),
+    categories: varchar('categories', { length: 255 }).notNull(),
+    tags: varchar('tags', { length: 255 }).notNull(),
+    coverPhoto: varchar('cover_photo', { length: 255 }).notNull(),
+    videoClip: varchar('video_clip', { length: 255 }).notNull(),
+    attachment: varchar('attachment', { length: 255 }).notNull(),
+    bodyContent: longtext('body_content').notNull(),
+    publishDate: date('publish_date').notNull(),
+    startsAt: datetime('starts_at').notNull(),
+    availableFrom: date('available_from'),
+    availableUntil: date('available_until'),
+    brandColor: varchar('brand_color', { length: 7 }).notNull(),
+    mapLocation: varchar('map_location', { length: 255 })
+});
+
+
 export const E2eOptionalFieldsTable = mysqlTable('e2e_optional_fields', {
     id: int('id').autoincrement().notNull().primaryKey(),
     title: varchar('title', { length: 255 }),