create-nextjs-cms 0.9.23 → 0.9.24

package/templates/default/components/analytics/TopMediums.tsx

@@ -1,58 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { BarChartDataItem } from 'nextjs-cms/core/types'
-import { Badge } from '@/components/ui/badge'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React, { useEffect } from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TopMediums = ({ fromDate, toDate }: { fromDate: Date | string | null; toDate: Date | string | null }) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    let controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'topMediums', fromDate, toDate],
-        queryFn: () => {
-            // Abort the previous request
-            controller.abort()
-
-            // Create a new AbortController for the new request
-            controller = new AbortController()
-            return getAnalytics({
-                requestType: 'topMediums',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            })
-        },
-    })
-
-    useEffect(() => {
-        return () => {
-            controller.abort()
-        }
-    }, [])
-
-    return (
-        <ContainerBox title={t('mediums')}>
-            <div className='w-full mb-6'>
-                <h1 className='font-bold border-b pb-1 my-1'>{t('topMediums')}</h1>
-                {isLoading && <LoadingSpinners single={true} />}
-                {data?.topMediums?.length > 0 &&
-                    data.topMediums.map((medium: BarChartDataItem, index: number) => (
-                        <div key={`${index}-${medium.name}`} className='w-full text-sm flex justify-between'>
-                            <span className='font-bold text-foreground'>{medium.name}:</span>
-                            <Badge variant='outline' className='ms-2'>
-                                {formatNumber(medium.value)}
-                            </Badge>
-                        </div>
-                    ))}
-            </div>
-        </ContainerBox>
-    )
-}

package/templates/default/components/analytics/TopSources.tsx

@@ -1,45 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { BarChartDataItem } from 'nextjs-cms/core/types'
-import { Badge } from '@/components/ui/badge'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TopSources = ({ fromDate, toDate }: { fromDate: Date | string | null; toDate: Date | string | null }) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'topSources', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'topSources',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('sources')}>
-            <div className='w-full mb-6'>
-                <h1 className='font-bold border-b pb-1 my-1'>{t('topSources')}</h1>
-                {isLoading && <LoadingSpinners single={true} />}
-                {data?.topSources?.length > 0 &&
-                    data.topSources.map((source: BarChartDataItem, index: number) => (
-                        <div key={`${index}-${source.name}`} className='w-full text-sm flex justify-between'>
-                            <span className='font-bold text-foreground'>{source.name}:</span>
-                            <Badge variant='outline' className='ms-2'>
-                                {formatNumber(source.value)}
-                            </Badge>
-                        </div>
-                    ))}
-            </div>
-        </ContainerBox>
-    )
-}

package/templates/default/components/analytics/TotalPageViews.tsx

@@ -1,41 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalPageViews = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalPageViews')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalPageViews)}</div>
-            )}
-        </ContainerBox>
-    )
-}

package/templates/default/components/analytics/TotalSessions.tsx

@@ -1,41 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalSessions = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalSessions')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalSessions)}</div>
-            )}
-        </ContainerBox>
-    )
-}

package/templates/default/components/analytics/TotalUniqueUsers.tsx

@@ -1,41 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalUniqueUsers = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalUniqueUsers')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalUniqueUsers)}</div>
-            )}
-        </ContainerBox>
-    )
-}

package/templates/default/components/custom/RightHomeRoomVariantCard.tsx

@@ -1,138 +0,0 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { Variant } from 'nextjs-cms/core/types'
-import useModal from '@/hooks/useModal'
-import { useAxiosPrivate } from 'nextjs-cms/api/client'
-import { handleVariantDeletion } from '@/lib/apiHelpers'
-import { useToast } from '@/components/ui/use-toast'
-import { Button } from '@/components/ui/button'
-import VariantEditPage from '@/components/VariantEditPage'
-
-const RightHomeRoomVariantCard = ({
-    variant,
-    variantItem,
-    sectionItemId,
-    action,
-}: {
-    variant: Variant
-    variantItem: any
-    sectionItemId: string
-    action: any
-}) => {
-    const t = useI18n()
-    const { setModal, modal, modalResponse, setModalResponse } = useModal()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-    const { toast } = useToast()
-
-    const handleDelete = async () => {
-        const response = await handleVariantDeletion(variant.variant_name, variantItem.id, axiosPrivate, controller)
-        if (response.error) {
-            toast({
-                variant: 'destructive',
-                title: t('deleteAdmin'),
-                description: response.error.message,
-            })
-        } else if (response.code === 200) {
-            action ? action() : null
-            setModal(null)
-            setModalResponse(null)
-            toast({
-                variant: 'success',
-                title: t('itemDeletedSuccessfully'),
-                description: response.message,
-            })
-        }
-    }
-    return (
-        <ContainerBox title={variantItem.display_name} key={variantItem.id}>
-            <div className='flex flex-col gap-4'>
-                <div className='flex flex-col gap-1'>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Size From:</span>
-                        <span>{variantItem.size_from}</span>
-                    </div>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Size To:</span>
-                        <span>{variantItem.size_to}</span>
-                    </div>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Price:</span>
-                        <span>{variantItem.price}</span>
-                    </div>
-                </div>
-                <div className='flex flex-row gap-2'>
-                    <Button
-                        size='sm'
-                        type='button'
-                        variant='default'
-                        onClick={() => {
-                            setModal({
-                                size: 'lg',
-                                title: t('edit'),
-                                body: (
-                                    <div className='p-4'>
-                                        <VariantEditPage
-                                            section={variant.section_name}
-                                            variant={variant.variant_name}
-                                            sectionItemId={sectionItemId}
-                                            itemId={variantItem.id}
-                                            action={action}
-                                        />
-                                    </div>
-                                ),
-                                headerColor: 'bg-sky-700',
-                                titleColor: 'text-white',
-                                lang: 'en',
-                            })
-                        }}
-                    >
-                        {t('edit')}
-                    </Button>
-                    {/* Delete Button */}
-                    <Button
-                        size='sm'
-                        type='button'
-                        variant='destructive'
-                        onClick={() => {
-                            setModal({
-                                title: t('delete'),
-                                body: (
-                                    <div className='p-4'>
-                                        <div className='flex flex-col gap-4'>
-                                            <div>{t('deleteItemText')}</div>
-                                            <div className='flex gap-2'>
-                                                <button
-                                                    className='rounded bg-green-600 px-2 py-1 text-white'
-                                                    onClick={handleDelete}
-                                                >
-                                                    Yes
-                                                </button>
-                                                <button
-                                                    className='rounded bg-red-800 px-2 py-1 text-white'
-                                                    onClick={() => {
-                                                        setModal(null)
-                                                    }}
-                                                >
-                                                    No
-                                                </button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                ),
-                                headerColor: 'bg-red-700',
-                                titleColor: 'text-white',
-                                lang: 'en',
-                            })
-                        }}
-                    >
-                        {t('delete')}
-                    </Button>
-                </div>
-            </div>
-        </ContainerBox>
-    )
-}
-
-export default RightHomeRoomVariantCard

package/templates/default/env/env.js

@@ -1,130 +0,0 @@
-import * as z from 'zod'
-import { object } from 'zod';
-
-function createEnv$1(opts) {
-    const runtimeEnv = opts.runtimeEnvStrict ?? opts.runtimeEnv ?? process.env;
-    const emptyStringAsUndefined = opts.emptyStringAsUndefined ?? false;
-    if (emptyStringAsUndefined) {
-        for (const [key, value] of Object.entries(runtimeEnv)){
-            if (value === "") {
-                delete runtimeEnv[key];
-            }
-        }
-    }
-    const skip = !!opts.skipValidation;
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-    if (skip) return runtimeEnv;
-    const _client = typeof opts.client === "object" ? opts.client : {};
-    const _server = typeof opts.server === "object" ? opts.server : {};
-    const _shared = typeof opts.shared === "object" ? opts.shared : {};
-    const client = object(_client);
-    const server = object(_server);
-    const shared = object(_shared);
-    const isServer = opts.isServer ?? (typeof window === "undefined" || "Deno" in window);
-    const allClient = client.merge(shared);
-    const allServer = server.merge(shared).merge(client);
-    const parsed = isServer ? allServer.safeParse(runtimeEnv) // on server we can validate all env vars
-        : allClient.safeParse(runtimeEnv); // on client we can only validate the ones that are exposed
-    const onValidationError = opts.onValidationError ?? ((error)=>{
-        console.error("❌ Invalid environment variables:", error.flatten().fieldErrors);
-        throw new Error("Invalid environment variables");
-    });
-    const onInvalidAccess = opts.onInvalidAccess ?? ((_variable)=>{
-        throw new Error("❌ Attempted to access a server-side environment variable on the client");
-    });
-    if (parsed.success === false) {
-        return onValidationError(parsed.error);
-    }
-    const isServerAccess = (prop)=>{
-        if (!opts.clientPrefix) return true;
-        return !prop.startsWith(opts.clientPrefix) && !(prop in shared.shape);
-    };
-    const isValidServerAccess = (prop)=>{
-        return isServer || !isServerAccess(prop);
-    };
-    const ignoreProp = (prop)=>{
-        return prop === "__esModule" || prop === "$$typeof";
-    };
-    const extendedObj = (opts.extends ?? []).reduce((acc, curr)=>{
-        return Object.assign(acc, curr);
-    }, {});
-    const fullObj = Object.assign(parsed.data, extendedObj);
-    const env = new Proxy(fullObj, {
-        get (target, prop) {
-            if (typeof prop !== "string") return undefined;
-            if (ignoreProp(prop)) return undefined;
-            if (!isValidServerAccess(prop)) return onInvalidAccess(prop);
-            return Reflect.get(target, prop);
-        }
-    });
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-    return env;
-}
-
-const CLIENT_PREFIX = "NEXT_PUBLIC_";
-function createEnv(opts) {
-    const client = typeof opts.client === "object" ? opts.client : {};
-    const server = typeof opts.server === "object" ? opts.server : {};
-    const shared = opts.shared;
-    const runtimeEnv = opts.runtimeEnv ? opts.runtimeEnv : {
-        ...process.env,
-        ...opts.experimental__runtimeEnv
-    };
-    return createEnv$1({
-        ...opts,
-        shared,
-        client,
-        server,
-        clientPrefix: CLIENT_PREFIX,
-        runtimeEnv
-    });
-}
-
-export const env = createEnv({
-    /**
-     * Specify your server-side environment variables schema here. This way you can ensure the app
-     * isn't built with invalid env vars.
-     */
-    server: {
-        ACCESS_TOKEN_SECRET: z.string(),
-        REFRESH_TOKEN_SECRET: z.string(),
-        CSRF_TOKEN_SECRET: z.string(),
-        ACCESS_TOKEN_EXPIRATION: z.string(),
-        REFRESH_TOKEN_EXPIRATION: z.string(),
-        NODE_ENV: z
-            .enum(["development", "test", "production"])
-            .default("development"),
-    },
-
-    /**
-     * Specify your client-side environment variables schema here. This way you can ensure the app
-     * isn't built with invalid env vars. To expose them to the client, prefix them with
-     * `NEXT_PUBLIC_`.
-     */
-    client: {
-        NEXT_PUBLIC_RICHTEXT_INLINE_PUBLIC_URL: z.string().optional(),
-    },
-
-    /**
-     * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
-     * middlewares) or client-side so we need to destruct manually.
-     */
-    runtimeEnv: {
-        ACCESS_TOKEN_SECRET: process.env.ACCESS_TOKEN_SECRET,
-        REFRESH_TOKEN_SECRET: process.env.REFRESH_TOKEN_SECRET,
-        CSRF_TOKEN_SECRET: process.env.CSRF_TOKEN_SECRET,
-        ACCESS_TOKEN_EXPIRATION: process.env.ACCESS_TOKEN_EXPIRATION,
-        REFRESH_TOKEN_EXPIRATION: process.env.REFRESH_TOKEN_EXPIRATION,
-        NODE_ENV: process.env.NODE_ENV,
-    },
-    /**
-     * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
-     * useful for Docker builds.
-     */
-    skipValidation: !!process.env.SKIP_ENV_VALIDATION,
-    /**
-     * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
-     * `SOME_VAR=''` will throw an error.
-     */
-    emptyStringAsUndefined: true,
-});

package/templates/default/hooks/useModal.ts

@@ -1,8 +0,0 @@
-import { useContext } from 'react'
-import ModalContext from '@/context/ModalProvider'
-
-const useModal = () => {
-    return useContext(ModalContext)
-}
-
-export default useModal

package/templates/default/lib/apiHelpers.ts

@@ -1,92 +0,0 @@
-import type { AxiosInstance } from 'axios';
-import type { AxiosError } from 'axios'
-import type { AdminDetails, NewVariantPageRequestResponse, VariantEditPageRequestResponse } from 'nextjs-cms/core/types'
-
-export const handleVariantDeletion = async (
-    variant: string,
-    id: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<any> => {
-    try {
-        const res = await axiosPrivate.post(
-            `/api-variant-delete`,
-            { variant: variant, id: id },
-            {
-                signal: controller?.signal,
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                },
-            },
-        )
-        return res.data
-    } catch (error: AxiosError | any) {
-        return error?.response?.data
-    }
-}
-
-export async function getNewVariantPage(
-    section: string,
-    variant: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<NewVariantPageRequestResponse | null> {
-    try {
-        const res = await axiosPrivate.get(`/api-variant-new?section=${section}&variant=${variant}`, {
-            signal: controller?.signal,
-        })
-        return res.data
-    } catch (error) {
-        return null
-    }
-}
-
-export async function getVariantPage(
-    section: string,
-    variant: string,
-    sectionItemId: string,
-    id: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<VariantEditPageRequestResponse | null> {
-    try {
-        const res = await axiosPrivate.get(
-            `/api-variant-edit?section=${section}&variant=${variant}&sectionItemId=${sectionItemId}&id=${id}`,
-            {
-                signal: controller?.signal,
-            },
-        )
-        return res.data
-    } catch (error: AxiosError | any) {
-        return error.response.data
-    }
-}
-
-export const getAnalytics = async ({
-    requestType,
-    axiosPrivate,
-    controller,
-    fromDate,
-    toDate,
-}: {
-    requestType: string
-    axiosPrivate: AxiosInstance
-    controller?: AbortController
-    fromDate?: Date | string | null
-    toDate?: Date | string | null
-}) => {
-    return null
-    try {
-        const res = await axiosPrivate.get('/api-g-a', {
-            params: {
-                requestType: requestType,
-                fromDate: fromDate,
-                toDate: toDate,
-            },
-            signal: controller?.signal,
-        })
-        return res.data
-    } catch (error) {
-        return null
-    }
-}