chore: bump version to 3.0.3 in package.json and update dependencies in pnpm-lock.yaml and pnpm-workspace.yaml (#467)
This commit is contained in:
committed by
GitHub
parent
5dc5ee8f08
commit
cc3eb5c554
@@ -21,7 +21,7 @@ export function DocsContent({ selectedComponent }: DocsContentProps) {
|
|||||||
return (
|
return (
|
||||||
<div className="flex-1 overflow-y-auto">
|
<div className="flex-1 overflow-y-auto">
|
||||||
<Suspense fallback={<LoadingFallback />}>
|
<Suspense fallback={<LoadingFallback />}>
|
||||||
<div className="p-4">
|
<div>
|
||||||
<component.component />
|
<component.component />
|
||||||
</div>
|
</div>
|
||||||
</Suspense>
|
</Suspense>
|
||||||
|
|||||||
@@ -11,7 +11,6 @@ import {
|
|||||||
Edit,
|
Edit,
|
||||||
FileText,
|
FileText,
|
||||||
Folder,
|
Folder,
|
||||||
Github,
|
|
||||||
Image,
|
Image,
|
||||||
Keyboard,
|
Keyboard,
|
||||||
LogOut,
|
LogOut,
|
||||||
@@ -114,7 +113,8 @@ const examples = [
|
|||||||
<AvatarFallback>JD</AvatarFallback>
|
<AvatarFallback>JD</AvatarFallback>
|
||||||
</Avatar>
|
</Avatar>
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
<DropdownMenuContent className="w-56" align="end" forceMount>
|
|
||||||
|
<DropdownMenuContent className="w-56" align="end">
|
||||||
<DropdownMenuLabel className="font-normal">
|
<DropdownMenuLabel className="font-normal">
|
||||||
<div className="flex flex-col space-y-1">
|
<div className="flex flex-col space-y-1">
|
||||||
<p className="text-sm leading-none font-medium">John Doe</p>
|
<p className="text-sm leading-none font-medium">John Doe</p>
|
||||||
@@ -123,6 +123,7 @@ const examples = [
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</DropdownMenuLabel>
|
</DropdownMenuLabel>
|
||||||
|
|
||||||
<DropdownMenuSeparator />
|
<DropdownMenuSeparator />
|
||||||
|
|
||||||
<DropdownMenuGroup>
|
<DropdownMenuGroup>
|
||||||
@@ -365,7 +366,6 @@ const examples = [
|
|||||||
<DropdownMenuSeparator />
|
<DropdownMenuSeparator />
|
||||||
|
|
||||||
<DropdownMenuItem>
|
<DropdownMenuItem>
|
||||||
<Github className="mr-2 h-4 w-4" />
|
|
||||||
<span>Import from GitHub</span>
|
<span>Import from GitHub</span>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ export function DatabaseToolsInterface({
|
|||||||
const [searchTerm, setSearchTerm] = useState(initialSearchTerm);
|
const [searchTerm, setSearchTerm] = useState(initialSearchTerm);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-6 p-4">
|
<div className="space-y-6 px-4 py-4">
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
@@ -52,6 +52,7 @@ export function DatabaseToolsInterface({
|
|||||||
<DatabaseIcon className="h-6 w-6" />
|
<DatabaseIcon className="h-6 w-6" />
|
||||||
<h1 className="text-2xl font-bold">Database Tools</h1>
|
<h1 className="text-2xl font-bold">Database Tools</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
Explore database schemas, tables, functions, and enums
|
Explore database schemas, tables, functions, and enums
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -54,15 +54,14 @@ export default async function EmailPage(props: EmailPageProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Page style={'custom'}>
|
<Page style={'custom'}>
|
||||||
<PageHeader
|
|
||||||
displaySidebarTrigger={false}
|
|
||||||
title={values[id] ?? id}
|
|
||||||
description={<AppBreadcrumbs values={values} />}
|
|
||||||
>
|
|
||||||
<EnvModeSelector mode={mode} />
|
|
||||||
</PageHeader>
|
|
||||||
|
|
||||||
<PageBody className={'flex flex-1 flex-col gap-y-4'}>
|
<PageBody className={'flex flex-1 flex-col gap-y-4'}>
|
||||||
|
<PageHeader
|
||||||
|
title={values[id] ?? id}
|
||||||
|
description={<AppBreadcrumbs values={values} />}
|
||||||
|
>
|
||||||
|
<EnvModeSelector mode={mode} />
|
||||||
|
</PageHeader>
|
||||||
|
|
||||||
<p className={'text-muted-foreground py-1 text-xs'}>
|
<p className={'text-muted-foreground py-1 text-xs'}>
|
||||||
Remember that the below is an approximation of the email. Always test
|
Remember that the below is an approximation of the email. Always test
|
||||||
it in your inbox.{' '}
|
it in your inbox.{' '}
|
||||||
|
|||||||
@@ -29,13 +29,12 @@ export default async function EmailsPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Page style={'custom'}>
|
<Page style={'custom'}>
|
||||||
<PageHeader
|
|
||||||
displaySidebarTrigger={false}
|
|
||||||
title="Emails"
|
|
||||||
description={'Manage your application Email templates'}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<PageBody className={'gap-y-8'}>
|
<PageBody className={'gap-y-8'}>
|
||||||
|
<PageHeader
|
||||||
|
title="Emails"
|
||||||
|
description={'Manage your application Email templates'}
|
||||||
|
/>
|
||||||
|
|
||||||
{categories.map((category) => {
|
{categories.map((category) => {
|
||||||
const categoryTemplates = templates.filter(
|
const categoryTemplates = templates.filter(
|
||||||
(t) => t.category === category,
|
(t) => t.category === category,
|
||||||
|
|||||||
@@ -36,12 +36,12 @@ export default async function DashboardPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Page style={'custom'}>
|
<Page style={'custom'}>
|
||||||
<PageHeader
|
<PageBody className={'space-y-4'}>
|
||||||
title={'Dev Tool'}
|
<PageHeader
|
||||||
description={'Kit MCP status for this workspace'}
|
title={'Dev Tool'}
|
||||||
/>
|
description={'Kit MCP status for this workspace'}
|
||||||
|
/>
|
||||||
|
|
||||||
<PageBody className={'space-y-8 py-2'}>
|
|
||||||
<div className="grid grid-cols-1 gap-4 md:grid-cols-4">
|
<div className="grid grid-cols-1 gap-4 md:grid-cols-4">
|
||||||
<ServiceCard
|
<ServiceCard
|
||||||
name={'Variant'}
|
name={'Variant'}
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ interface PRDDetailViewProps {
|
|||||||
|
|
||||||
export function PRDDetailView({ filename, prd }: PRDDetailViewProps) {
|
export function PRDDetailView({ filename, prd }: PRDDetailViewProps) {
|
||||||
return (
|
return (
|
||||||
<div className="space-y-6 p-4">
|
<div className="space-y-6">
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@@ -15,15 +15,14 @@ export default async function TranslationsPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Page style={'custom'}>
|
<Page style={'custom'}>
|
||||||
<PageHeader
|
<PageBody>
|
||||||
displaySidebarTrigger={false}
|
<PageHeader
|
||||||
title={'Translations'}
|
title={'Translations'}
|
||||||
description={
|
description={
|
||||||
'Compare translations across different languages. Ensure consistency and accuracy in your translations.'
|
'Compare translations across different languages. Ensure consistency and accuracy in your translations.'
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<PageBody className={'py-4'}>
|
|
||||||
<TranslationsComparison translations={translations} />
|
<TranslationsComparison translations={translations} />
|
||||||
</PageBody>
|
</PageBody>
|
||||||
</Page>
|
</Page>
|
||||||
|
|||||||
@@ -26,15 +26,14 @@ export default function VariablesPage({ searchParams }: VariablesPageProps) {
|
|||||||
return (
|
return (
|
||||||
<Page style={'custom'}>
|
<Page style={'custom'}>
|
||||||
<div className={'flex h-screen flex-col overflow-hidden'}>
|
<div className={'flex h-screen flex-col overflow-hidden'}>
|
||||||
<PageHeader
|
|
||||||
displaySidebarTrigger={false}
|
|
||||||
title={'Environment Variables'}
|
|
||||||
description={
|
|
||||||
'Manage environment variables for your applications. Validate and set them up easily.'
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<PageBody className={'overflow-hidden'}>
|
<PageBody className={'overflow-hidden'}>
|
||||||
|
<PageHeader
|
||||||
|
title={'Environment Variables'}
|
||||||
|
description={
|
||||||
|
'Manage environment variables for your applications. Validate and set them up easily.'
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
|
||||||
<div className={'flex h-full flex-1 flex-col space-y-4'}>
|
<div className={'flex h-full flex-1 flex-col space-y-4'}>
|
||||||
{apps.map((app) => (
|
{apps.map((app) => (
|
||||||
<AppEnvironmentVariablesManager key={app.appName} state={app} />
|
<AppEnvironmentVariablesManager key={app.appName} state={app} />
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ export function DevToolLayout(props: React.PropsWithChildren) {
|
|||||||
<SidebarProvider>
|
<SidebarProvider>
|
||||||
<DevToolSidebar />
|
<DevToolSidebar />
|
||||||
|
|
||||||
<SidebarInset className="px-4">{props.children}</SidebarInset>
|
<SidebarInset>{props.children}</SidebarInset>
|
||||||
</SidebarProvider>
|
</SidebarProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "next-supabase-saas-kit-turbo",
|
"name": "next-supabase-saas-kit-turbo",
|
||||||
"version": "3.0.2",
|
"version": "3.0.3",
|
||||||
"private": true,
|
"private": true,
|
||||||
"author": {
|
"author": {
|
||||||
"name": "MakerKit",
|
"name": "MakerKit",
|
||||||
|
|||||||
@@ -1,34 +1,34 @@
|
|||||||
"use client";
|
'use client';
|
||||||
|
|
||||||
import { useState } from "react";
|
import { useState } from 'react';
|
||||||
|
|
||||||
import Link from "next/link";
|
import Link from 'next/link';
|
||||||
|
|
||||||
import { ArrowRight, CheckCircle } from "lucide-react";
|
import { ArrowRight, CheckCircle } from 'lucide-react';
|
||||||
import { useTranslations } from "next-intl";
|
import { useTranslations } from 'next-intl';
|
||||||
import * as z from "zod";
|
import * as z from 'zod';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
BillingConfig,
|
BillingConfig,
|
||||||
type LineItemSchema,
|
type LineItemSchema,
|
||||||
getPlanIntervals,
|
getPlanIntervals,
|
||||||
getPrimaryLineItem,
|
getPrimaryLineItem,
|
||||||
} from "@kit/billing";
|
} from '@kit/billing';
|
||||||
import { Badge } from "@kit/ui/badge";
|
import { Badge } from '@kit/ui/badge';
|
||||||
import { Button } from "@kit/ui/button";
|
import { Button } from '@kit/ui/button';
|
||||||
import { If } from "@kit/ui/if";
|
import { If } from '@kit/ui/if';
|
||||||
import { Trans } from "@kit/ui/trans";
|
import { Trans } from '@kit/ui/trans';
|
||||||
import { cn } from "@kit/ui/utils";
|
import { cn } from '@kit/ui/utils';
|
||||||
|
|
||||||
import { LineItemDetails } from "./line-item-details";
|
import { LineItemDetails } from './line-item-details';
|
||||||
import { PlanCostDisplay } from "./plan-cost-display";
|
import { PlanCostDisplay } from './plan-cost-display';
|
||||||
|
|
||||||
interface Paths {
|
interface Paths {
|
||||||
signUp: string;
|
signUp: string;
|
||||||
return: string;
|
return: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
type Interval = "month" | "year";
|
type Interval = 'month' | 'year';
|
||||||
|
|
||||||
export function PricingTable({
|
export function PricingTable({
|
||||||
config,
|
config,
|
||||||
@@ -57,8 +57,8 @@ export function PricingTable({
|
|||||||
const visibleProducts = config.products.filter((product) => !product.hidden);
|
const visibleProducts = config.products.filter((product) => !product.hidden);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={"flex flex-col space-y-8 xl:space-y-12"}>
|
<div className={'flex flex-col space-y-8 xl:space-y-12'}>
|
||||||
<div className={"flex justify-center"}>
|
<div className={'flex justify-center'}>
|
||||||
{intervals.length > 1 ? (
|
{intervals.length > 1 ? (
|
||||||
<PlanIntervalSwitcher
|
<PlanIntervalSwitcher
|
||||||
intervals={intervals}
|
intervals={intervals}
|
||||||
@@ -70,13 +70,13 @@ export function PricingTable({
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
"flex flex-col items-start space-y-6 lg:space-y-0" +
|
'flex flex-col items-start space-y-6 lg:space-y-0' +
|
||||||
" justify-center lg:flex-row lg:gap-x-2.5"
|
' justify-center lg:flex-row lg:gap-x-2.5'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{visibleProducts.map((product) => {
|
{visibleProducts.map((product) => {
|
||||||
const plan = product.plans.find((plan) => {
|
const plan = product.plans.find((plan) => {
|
||||||
if (plan.paymentType === "recurring") {
|
if (plan.paymentType === 'recurring') {
|
||||||
return plan.interval === interval;
|
return plan.interval === interval;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -159,7 +159,7 @@ function PricingItem(
|
|||||||
const lineItem = props.primaryLineItem!;
|
const lineItem = props.primaryLineItem!;
|
||||||
const isCustom = props.plan.custom ?? false;
|
const isCustom = props.plan.custom ?? false;
|
||||||
|
|
||||||
const i18nKey = lineItem?.unit ? `billing.units.${lineItem.unit}` : "";
|
const i18nKey = lineItem?.unit ? `billing.units.${lineItem.unit}` : '';
|
||||||
|
|
||||||
const unitLabel = lineItem?.unit
|
const unitLabel = lineItem?.unit
|
||||||
? t.has(i18nKey)
|
? t.has(i18nKey)
|
||||||
@@ -168,31 +168,31 @@ function PricingItem(
|
|||||||
defaultValue: lineItem.unit,
|
defaultValue: lineItem.unit,
|
||||||
} as never)
|
} as never)
|
||||||
: lineItem.unit
|
: lineItem.unit
|
||||||
: "";
|
: '';
|
||||||
|
|
||||||
const isDefaultSeatUnit = lineItem?.unit === "member";
|
const isDefaultSeatUnit = lineItem?.unit === 'member';
|
||||||
|
|
||||||
// we exclude flat line items from the details since
|
// we exclude flat line items from the details since
|
||||||
// it doesn't need further explanation
|
// it doesn't need further explanation
|
||||||
const lineItemsToDisplay = props.plan.lineItems.filter((item) => {
|
const lineItemsToDisplay = props.plan.lineItems.filter((item) => {
|
||||||
return item.type !== "flat";
|
return item.type !== 'flat';
|
||||||
});
|
});
|
||||||
|
|
||||||
const interval = props.plan.interval as Interval;
|
const interval = props.plan.interval as Interval;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
data-cy={"subscription-plan"}
|
data-cy={'subscription-plan'}
|
||||||
className={cn(
|
className={cn(
|
||||||
props.className,
|
props.className,
|
||||||
`s-full bg-muted/50 relative flex flex-1 grow flex-col items-stretch justify-between self-stretch rounded px-6 py-5 lg:w-4/12 xl:max-w-[20rem]`,
|
`s-full bg-muted/50 relative flex flex-1 grow flex-col items-stretch justify-between self-stretch rounded px-6 py-5 lg:w-4/12 xl:max-w-[20rem]`,
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<If condition={props.product.badge}>
|
<If condition={props.product.badge}>
|
||||||
<div className={"absolute -top-2.5 left-0 flex w-full justify-center"}>
|
<div className={'absolute -top-2.5 left-0 flex w-full justify-center'}>
|
||||||
<Badge
|
<Badge
|
||||||
className={highlighted ? "" : "bg-muted"}
|
className={highlighted ? '' : 'bg-muted'}
|
||||||
variant={highlighted ? "default" : "outline"}
|
variant={highlighted ? 'default' : 'outline'}
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
<Trans
|
<Trans
|
||||||
@@ -204,12 +204,12 @@ function PricingItem(
|
|||||||
</div>
|
</div>
|
||||||
</If>
|
</If>
|
||||||
|
|
||||||
<div className={"flex flex-col gap-y-4"}>
|
<div className={'flex flex-col gap-y-4'}>
|
||||||
<div className={"flex flex-col"}>
|
<div className={'flex flex-col'}>
|
||||||
<div className={"flex items-center space-x-6"}>
|
<div className={'flex items-center space-x-6'}>
|
||||||
<b
|
<b
|
||||||
className={
|
className={
|
||||||
"text-secondary-foreground font-heading text-xl font-medium tracking-tight text-orange-800"
|
'text-secondary-foreground font-heading text-xl font-medium tracking-tight text-orange-800'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Trans
|
<Trans
|
||||||
@@ -229,9 +229,9 @@ function PricingItem(
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={"h-px w-full border border-dashed"} />
|
<div className={'h-px w-full border border-dashed'} />
|
||||||
|
|
||||||
<div className={"flex flex-col gap-y-1"}>
|
<div className={'flex flex-col gap-y-1'}>
|
||||||
<Price
|
<Price
|
||||||
isMonthlyPrice={props.alwaysDisplayMonthlyPrice}
|
isMonthlyPrice={props.alwaysDisplayMonthlyPrice}
|
||||||
displayBillingPeriod={!props.plan.label}
|
displayBillingPeriod={!props.plan.label}
|
||||||
@@ -260,7 +260,7 @@ function PricingItem(
|
|||||||
<span>
|
<span>
|
||||||
<If
|
<If
|
||||||
condition={props.plan.interval}
|
condition={props.plan.interval}
|
||||||
fallback={<Trans i18nKey={"billing.lifetime"} />}
|
fallback={<Trans i18nKey={'billing.lifetime'} />}
|
||||||
>
|
>
|
||||||
{(interval) => (
|
{(interval) => (
|
||||||
<Trans i18nKey={`billing.billingInterval.${interval}`} />
|
<Trans i18nKey={`billing.billingInterval.${interval}`} />
|
||||||
@@ -268,7 +268,7 @@ function PricingItem(
|
|||||||
</If>
|
</If>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<If condition={lineItem && lineItem?.type !== "flat"}>
|
<If condition={lineItem && lineItem?.type !== 'flat'}>
|
||||||
<span>/</span>
|
<span>/</span>
|
||||||
|
|
||||||
<span
|
<span
|
||||||
@@ -276,13 +276,13 @@ function PricingItem(
|
|||||||
`animate-in slide-in-from-left-4 fade-in text-xs capitalize`,
|
`animate-in slide-in-from-left-4 fade-in text-xs capitalize`,
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<If condition={lineItem?.type === "per_seat"}>
|
<If condition={lineItem?.type === 'per_seat'}>
|
||||||
<If
|
<If
|
||||||
condition={Boolean(lineItem?.unit) && !isDefaultSeatUnit}
|
condition={Boolean(lineItem?.unit) && !isDefaultSeatUnit}
|
||||||
fallback={<Trans i18nKey={"billing.perTeamMember"} />}
|
fallback={<Trans i18nKey={'billing.perTeamMember'} />}
|
||||||
>
|
>
|
||||||
<Trans
|
<Trans
|
||||||
i18nKey={"billing.perUnitShort"}
|
i18nKey={'billing.perUnitShort'}
|
||||||
values={{
|
values={{
|
||||||
unit: unitLabel,
|
unit: unitLabel,
|
||||||
}}
|
}}
|
||||||
@@ -291,10 +291,10 @@ function PricingItem(
|
|||||||
</If>
|
</If>
|
||||||
|
|
||||||
<If
|
<If
|
||||||
condition={lineItem?.type !== "per_seat" && lineItem?.unit}
|
condition={lineItem?.type !== 'per_seat' && lineItem?.unit}
|
||||||
>
|
>
|
||||||
<Trans
|
<Trans
|
||||||
i18nKey={"billing.perUnit"}
|
i18nKey={'billing.perUnit'}
|
||||||
values={{
|
values={{
|
||||||
unit: lineItem?.unit,
|
unit: lineItem?.unit,
|
||||||
}}
|
}}
|
||||||
@@ -329,9 +329,9 @@ function PricingItem(
|
|||||||
</If>
|
</If>
|
||||||
</If>
|
</If>
|
||||||
|
|
||||||
<div className={"h-px w-full border border-dashed"} />
|
<div className={'h-px w-full border border-dashed'} />
|
||||||
|
|
||||||
<div className={"flex flex-col"}>
|
<div className={'flex flex-col'}>
|
||||||
<FeaturesList
|
<FeaturesList
|
||||||
highlighted={highlighted}
|
highlighted={highlighted}
|
||||||
features={props.product.features}
|
features={props.product.features}
|
||||||
@@ -339,11 +339,11 @@ function PricingItem(
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<If condition={props.displayPlanDetails && lineItemsToDisplay.length}>
|
<If condition={props.displayPlanDetails && lineItemsToDisplay.length}>
|
||||||
<div className={"h-px w-full border border-dashed"} />
|
<div className={'h-px w-full border border-dashed'} />
|
||||||
|
|
||||||
<div className={"flex flex-col space-y-2"}>
|
<div className={'flex flex-col space-y-2'}>
|
||||||
<h6 className={"text-sm font-semibold"}>
|
<h6 className={'text-sm font-semibold'}>
|
||||||
<Trans i18nKey={"billing.detailsLabel"} />
|
<Trans i18nKey={'billing.detailsLabel'} />
|
||||||
</h6>
|
</h6>
|
||||||
|
|
||||||
<LineItemDetails
|
<LineItemDetails
|
||||||
@@ -366,7 +366,7 @@ function FeaturesList(
|
|||||||
}>,
|
}>,
|
||||||
) {
|
) {
|
||||||
return (
|
return (
|
||||||
<ul className={"flex flex-col gap-1"}>
|
<ul className={'flex flex-col gap-1'}>
|
||||||
{props.features.map((feature) => {
|
{props.features.map((feature) => {
|
||||||
return (
|
return (
|
||||||
<ListItem highlighted={props.highlighted} key={feature}>
|
<ListItem highlighted={props.highlighted} key={feature}>
|
||||||
@@ -392,17 +392,17 @@ function Price({
|
|||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className={
|
className={
|
||||||
"font-heading flex items-center text-4xl font-medium tracking-tighter"
|
'font-heading flex items-center text-4xl font-medium tracking-tighter'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<If condition={isMonthlyPrice && displayBillingPeriod}>
|
<If condition={isMonthlyPrice && displayBillingPeriod}>
|
||||||
<span className={"text-muted-foreground text-sm leading-loose"}>
|
<span className={'text-muted-foreground text-sm leading-loose'}>
|
||||||
<span>/</span>
|
<span>/</span>
|
||||||
|
|
||||||
<Trans i18nKey={"billing.perMonth"} />
|
<Trans i18nKey={'billing.perMonth'} />
|
||||||
</span>
|
</span>
|
||||||
</If>
|
</If>
|
||||||
</div>
|
</div>
|
||||||
@@ -416,18 +416,18 @@ function ListItem({
|
|||||||
highlighted: boolean;
|
highlighted: boolean;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<li className={"flex items-center gap-x-2"}>
|
<li className={'flex items-center gap-x-2'}>
|
||||||
<CheckCircle
|
<CheckCircle
|
||||||
className={cn("h-3.5 min-h-3.5 w-3.5 min-w-3.5", {
|
className={cn('h-3.5 min-h-3.5 w-3.5 min-w-3.5', {
|
||||||
"text-secondary-foreground": highlighted,
|
'text-secondary-foreground': highlighted,
|
||||||
"text-muted-foreground": !highlighted,
|
'text-muted-foreground': !highlighted,
|
||||||
})}
|
})}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<span
|
<span
|
||||||
className={cn("text-sm", {
|
className={cn('text-sm', {
|
||||||
"text-muted-foreground": !highlighted,
|
'text-muted-foreground': !highlighted,
|
||||||
"text-secondary-foreground": highlighted,
|
'text-secondary-foreground': highlighted,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
@@ -446,40 +446,40 @@ function PlanIntervalSwitcher(
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
"hover:border-border border-border/50 flex gap-x-0 rounded-full border"
|
'hover:border-border border-border/50 flex gap-x-0 rounded-full border'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{props.intervals.map((plan, index) => {
|
{props.intervals.map((plan, index) => {
|
||||||
const selected = plan === props.interval;
|
const selected = plan === props.interval;
|
||||||
|
|
||||||
const className = cn(
|
const className = cn(
|
||||||
"animate-in fade-in rounded-full transition-all focus:!ring-0",
|
'animate-in fade-in rounded-full transition-all focus:!ring-0',
|
||||||
{
|
{
|
||||||
"border-r-transparent": index === 0,
|
'border-r-transparent': index === 0,
|
||||||
["hover:text-primary text-muted-foreground"]: !selected,
|
['hover:text-primary text-muted-foreground']: !selected,
|
||||||
["cursor-default"]: selected,
|
['cursor-default']: selected,
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
size={"sm"}
|
size={'sm'}
|
||||||
key={plan}
|
key={plan}
|
||||||
variant={selected ? "secondary" : "custom"}
|
variant={selected ? 'secondary' : 'custom'}
|
||||||
className={className}
|
className={className}
|
||||||
onClick={() => props.setInterval(plan)}
|
onClick={() => props.setInterval(plan)}
|
||||||
>
|
>
|
||||||
<span className={"flex items-center"}>
|
<span className={'flex items-center'}>
|
||||||
<CheckCircle
|
<CheckCircle
|
||||||
className={cn(
|
className={cn(
|
||||||
"animate-in fade-in zoom-in-50 mr-1 size-3 duration-200",
|
'animate-in fade-in zoom-in-50 mr-1 size-3 duration-200',
|
||||||
{
|
{
|
||||||
hidden: !selected,
|
hidden: !selected,
|
||||||
},
|
},
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<span className={"text-xs capitalize"}>
|
<span className={'text-xs capitalize'}>
|
||||||
<Trans i18nKey={`billing.billingInterval.${plan}`} />
|
<Trans i18nKey={`billing.billingInterval.${plan}`} />
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
@@ -516,22 +516,22 @@ function DefaultCheckoutButton(
|
|||||||
const searchParams = new URLSearchParams({
|
const searchParams = new URLSearchParams({
|
||||||
next: props.paths.return,
|
next: props.paths.return,
|
||||||
plan: props.plan.id,
|
plan: props.plan.id,
|
||||||
redirectToCheckout: props.redirectToCheckout ? "true" : "false",
|
redirectToCheckout: props.redirectToCheckout ? 'true' : 'false',
|
||||||
});
|
});
|
||||||
|
|
||||||
const linkHref =
|
const linkHref =
|
||||||
props.plan.href ?? `${signUpPath}?${searchParams.toString()}`;
|
props.plan.href ?? `${signUpPath}?${searchParams.toString()}`;
|
||||||
|
|
||||||
const label = props.plan.buttonLabel ?? "common.getStartedWithPlan";
|
const label = props.plan.buttonLabel ?? 'common.getStartedWithPlan';
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Link className={"w-full"} href={linkHref}>
|
<Link className={'w-full'} href={linkHref}>
|
||||||
<Button
|
<Button
|
||||||
size={"lg"}
|
size={'lg'}
|
||||||
className={"h-12 w-full rounded-lg"}
|
className={'h-12 w-full rounded-lg'}
|
||||||
variant={props.highlighted ? "default" : "secondary"}
|
variant={props.highlighted ? 'default' : 'secondary'}
|
||||||
>
|
>
|
||||||
<span className={"text-base font-medium tracking-tight"}>
|
<span className={'text-base font-medium tracking-tight'}>
|
||||||
<Trans
|
<Trans
|
||||||
i18nKey={label}
|
i18nKey={label}
|
||||||
defaults={label}
|
defaults={label}
|
||||||
@@ -543,7 +543,7 @@ function DefaultCheckoutButton(
|
|||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<ArrowRight className={"ml-2 h-4"} />
|
<ArrowRight className={'ml-2 h-4'} />
|
||||||
</Button>
|
</Button>
|
||||||
</Link>
|
</Link>
|
||||||
);
|
);
|
||||||
|
|||||||
1070
pnpm-lock.yaml
generated
1070
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -14,12 +14,12 @@ catalog:
|
|||||||
'@manypkg/cli': ^0.25.1
|
'@manypkg/cli': ^0.25.1
|
||||||
'@markdoc/markdoc': ^0.5.6
|
'@markdoc/markdoc': ^0.5.6
|
||||||
'@marsidev/react-turnstile': ^1.4.2
|
'@marsidev/react-turnstile': ^1.4.2
|
||||||
'@modelcontextprotocol/sdk': 1.27.1
|
'@modelcontextprotocol/sdk': 1.28.0
|
||||||
'@next/bundle-analyzer': 16.2.1
|
'@next/bundle-analyzer': 16.2.1
|
||||||
'@nosecone/next': 1.3.0
|
'@nosecone/next': 1.3.0
|
||||||
'@playwright/test': ^1.58.2
|
'@playwright/test': ^1.58.2
|
||||||
'@react-email/components': 1.0.10
|
'@react-email/components': 1.0.10
|
||||||
'@sentry/nextjs': 10.45.0
|
'@sentry/nextjs': 10.46.0
|
||||||
'@stripe/react-stripe-js': 5.6.1
|
'@stripe/react-stripe-js': 5.6.1
|
||||||
'@stripe/stripe-js': 8.11.0
|
'@stripe/stripe-js': 8.11.0
|
||||||
'@supabase/ssr': ^0.9.0
|
'@supabase/ssr': ^0.9.0
|
||||||
@@ -38,7 +38,7 @@ catalog:
|
|||||||
cssnano: ^7.1.3
|
cssnano: ^7.1.3
|
||||||
date-fns: ^4.1.0
|
date-fns: ^4.1.0
|
||||||
dotenv: 17.3.1
|
dotenv: 17.3.1
|
||||||
lucide-react: 1.0.1
|
lucide-react: 1.7.0
|
||||||
nanoid: ^5.1.7
|
nanoid: ^5.1.7
|
||||||
next: 16.2.1
|
next: 16.2.1
|
||||||
next-intl: ^4.8.3
|
next-intl: ^4.8.3
|
||||||
@@ -47,23 +47,23 @@ catalog:
|
|||||||
next-sitemap: ^4.2.3
|
next-sitemap: ^4.2.3
|
||||||
next-themes: 0.4.6
|
next-themes: 0.4.6
|
||||||
node-html-parser: ^7.1.0
|
node-html-parser: ^7.1.0
|
||||||
nodemailer: 8.0.3
|
nodemailer: 8.0.4
|
||||||
oxfmt: ^0.41.0
|
oxfmt: ^0.42.0
|
||||||
oxlint: ^1.56.0
|
oxlint: ^1.57.0
|
||||||
pino: 10.3.1
|
pino: 10.3.1
|
||||||
pino-pretty: 13.0.0
|
pino-pretty: 13.0.0
|
||||||
postgres: 3.4.8
|
postgres: 3.4.8
|
||||||
react: 19.2.4
|
react: 19.2.4
|
||||||
react-dom: 19.2.4
|
react-dom: 19.2.4
|
||||||
react-hook-form: 7.72.0
|
react-hook-form: 7.72.0
|
||||||
react-resizable-panels: ^4.7.5
|
react-resizable-panels: ^4.7.6
|
||||||
recharts: 3.7.0
|
recharts: 3.7.0
|
||||||
rxjs: ^7.8.2
|
rxjs: ^7.8.2
|
||||||
server-only: ^0.0.1
|
server-only: ^0.0.1
|
||||||
shadcn: 4.1.0
|
shadcn: 4.1.0
|
||||||
sonner: ^2.0.7
|
sonner: ^2.0.7
|
||||||
stripe: 20.4.1
|
stripe: 20.4.1
|
||||||
supabase: 2.83.0
|
supabase: 2.84.4
|
||||||
tailwind-merge: ^3.5.0
|
tailwind-merge: ^3.5.0
|
||||||
tailwindcss: 4.2.2
|
tailwindcss: 4.2.2
|
||||||
totp-generator: ^2.0.1
|
totp-generator: ^2.0.1
|
||||||
|
|||||||
Reference in New Issue
Block a user