npm - @m5kdev/web-ui - Versions diffs - 0.8.5 → 0.8.7 - Mend

@m5kdev/web-ui 0.8.5 → 0.8.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/dist/src/modules/auth/components/SignupRoute.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignupRoute.mjs","names":[~~"Link"~~],"sources":["../../../../../src/modules/auth/components/SignupRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { SignupForm } from \"./SignupFormRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { WaitlistCard } from \"./WaitlistCard\";\r\nimport { WaitlistCodeValidation } from \"./WaitlistCodeValidation\";\r\n\r\ninterface SignupRouteProps {\r\n providers?: string[];\r\n useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function SignupRoute({ providers, useTRPC }: SignupRouteProps) {\r\n const { t } = useTranslation();\r\n\r\n const [code] = useQueryState(\"code\");\r\n const [email] = useQueryState(\"email\");\r\n\r\n const hasWaitlist = !!useTRPC;\r\n\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n {hasWaitlist && !code ? (\r\n <WaitlistCard useTRPC={useTRPC} />\r\n ) : (\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.signup.createAccount\")}</p>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.signup.description\")}</p>\r\n </CardHeader>\r\n <CardBody>\r\n <div className=\"grid gap-6\">\r\n {hasWaitlist && code && useTRPC && (\r\n <WaitlistCodeValidation code={code} useTRPC={useTRPC} />\r\n )}\r\n <AuthProviders providers={providers} code={code} requestSignUp />\r\n <SignupForm code={code} email={email} waitlist={hasWaitlist} />\r\n </div>\r\n </CardBody>\r\n </Card>\r\n )}\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.signup.alreadyHaveAccount\")}{\" \"}\r\n <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n {t(\"web-ui:auth.login.button\")}\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,YAAY,EAAE,WAAW,WAA6B;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,QAAQ,cAAc,OAAO;CACpC,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,oBAAC,cAAD,EAAuB,SAAW,CAAA,GAElC,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,oBAAC,UAAD,EAAA,UACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,oBAAC,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,oBAAC,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,oBAAC,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,~~oBAACA~~,~~QAAD~~;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}
1	+ {"version":3,"file":"SignupRoute.mjs","names":[],"sources":["../../../../../src/modules/auth/components/SignupRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { SignupForm } from \"./SignupFormRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { WaitlistCard } from \"./WaitlistCard\";\r\nimport { WaitlistCodeValidation } from \"./WaitlistCodeValidation\";\r\n\r\ninterface SignupRouteProps {\r\n providers?: string[];\r\n useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function SignupRoute({ providers, useTRPC }: SignupRouteProps) {\r\n const { t } = useTranslation();\r\n\r\n const [code] = useQueryState(\"code\");\r\n const [email] = useQueryState(\"email\");\r\n\r\n const hasWaitlist = !!useTRPC;\r\n\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n {hasWaitlist && !code ? (\r\n <WaitlistCard useTRPC={useTRPC} />\r\n ) : (\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.signup.createAccount\")}</p>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.signup.description\")}</p>\r\n </CardHeader>\r\n <CardBody>\r\n <div className=\"grid gap-6\">\r\n {hasWaitlist && code && useTRPC && (\r\n <WaitlistCodeValidation code={code} useTRPC={useTRPC} />\r\n )}\r\n <AuthProviders providers={providers} code={code} requestSignUp />\r\n <SignupForm code={code} email={email} waitlist={hasWaitlist} />\r\n </div>\r\n </CardBody>\r\n </Card>\r\n )}\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.signup.alreadyHaveAccount\")}{\" \"}\r\n <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n {t(\"web-ui:auth.login.button\")}\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,YAAY,EAAE,WAAW,WAA6B;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,QAAQ,cAAc,OAAO;CACpC,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,oBAAC,cAAD,EAAuB,SAAW,CAAA,GAElC,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,oBAAC,UAAD,EAAA,UACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,oBAAC,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,oBAAC,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,oBAAC,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,oBAAC,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/UserPreferences.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { PreferencesEditor } from "./PreferencesEditor.mjs";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 //#region src/modules/auth/components/UserPreferences.tsx
 function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
 	const { t } = useTranslation("web-ui");

package/dist/src/modules/auth/components/WaitlistCard.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useState } from "react";
-import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
 import { toast } from "sonner";
 import { useMutation } from "@tanstack/react-query";
 //#region src/modules/auth/components/WaitlistCard.tsx

package/dist/src/modules/auth/components/WaitlistCodeValidation.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Alert } from "@heroui/react";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+import { Alert } from "@heroui/react";
 import { useQuery } from "@tanstack/react-query";
 //#region src/modules/auth/components/WaitlistCodeValidation.tsx
 function WaitlistCodeValidation({ useTRPC, code }) {

package/dist/src/modules/billing/components/BillingBetaPage.mjs CHANGED Viewed

@@ -2,9 +2,9 @@ import { cn } from "../../../lib/utils.mjs";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card.mjs";
 import { Separator } from "../../../components/ui/separator.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Bell, CheckCircle2, Clock3, Sparkles } from "lucide-react";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/modules/billing/components/BillingBetaPage.tsx
 function BillingBetaPage({ appName, className, footer }) {
 	const { t } = useTranslation("web-ui");

package/dist/src/modules/billing/components/BillingInvoicePage.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CheckCircle2, ExternalLink } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
 import { useSubscription } from "@m5kdev/frontend/modules/billing/hooks/useSubscription";
 import { useQuery } from "@tanstack/react-query";
 //#region src/modules/billing/components/BillingInvoicePage.tsx

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Card as Card$1, CardContent, CardDescription, CardFooter, CardHeader as CardHeader$1, CardTitle } from "../../../components/ui/card.mjs";
 import { Tabs, TabsList, TabsTrigger } from "../../../components/ui/tabs.mjs";
-import { useState } from "react";
-import { Button } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, LogOut } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Link as Link$1, useNavigate } from "react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, useNavigate } from "react-router";
+import { Button } from "@heroui/react";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 //#region src/modules/billing/components/BillingSinglePlanSelect.tsx
 function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
@@ -143,7 +143,7 @@ function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
 						" ",
 						t("common.and", "and"),
 						" ",
-						/* @__PURE__ */ jsx(Link$1, {
+						/* @__PURE__ */ jsx(Link, {
 							to: "/privacy",
 							children: t("common.privacyPolicy", "Privacy Policy")
 						})

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader"~~,"Link"~~],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n plan: StripePlan;\r\n features?: string[];\r\n /** URL for the Terms of Service link. Override for your app's legal page. /\r\n termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n plan,\r\n termsOfServiceUrl,\r\n features = [\r\n \"Unlimited access to all features\",\r\n \"Priority support\",\r\n \"Early access to new features\",\r\n \"Secure data storage\",\r\n \"Cancel anytime\",\r\n ],\r\n}: BillingSinglePlanSelectProps) {\r\n const { t } = useTranslation(\"web-ui\");\r\n const navigate = useNavigate();\r\n const [billingInterval, setBillingInterval] = useState<\"monthly\" \| \"annually\">(\"annually\");\r\n\r\n const handleLogout = async () => {\r\n await authClient.signOut();\r\n navigate(\"/login\");\r\n };\r\n\r\n const isAnnual = billingInterval === \"annually\";\r\n const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n // Fallback if no annual price ID exists\r\n const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n const priceDisplay = {\r\n monthly: {\r\n amount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month\",\r\n },\r\n annually: {\r\n amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n originalAmount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month, billed annually\",\r\n discountLabel: plan.annualPriceUnitAmount\r\n ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) 100).toFixed(0)}%`\r\n : \"\",\r\n },\r\n };\r\n\r\n return (\r\n <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n <div className=\"flex flex-col items-center gap-8\">\r\n <div className=\"text-center space-y-2\">\r\n <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n </h2>\r\n <p className=\"text-muted-foreground text-lg\">\r\n {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n </p>\r\n </div>\r\n\r\n {hasAnnualOption && (\r\n <Tabs\r\n defaultValue=\"annually\"\r\n value={billingInterval}\r\n onValueChange={(v) => setBillingInterval(v as \"monthly\" \| \"annually\")}\r\n className=\"w-full max-w-xs\"\r\n >\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n <TabsTrigger value=\"annually\" className=\"relative\">\r\n Annually\r\n {priceDisplay.annually.discountLabel && (\r\n <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n {priceDisplay.annually.discountLabel}\r\n </span>\r\n )}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n )}\r\n\r\n <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n <CardHeader>\r\n <CardTitle className=\"flex justify-between items-start\">\r\n <span className=\"text-xl font-bold\">{plan.name}</span>\r\n </CardTitle>\r\n <CardDescription>\r\n {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n </CardDescription>\r\n </CardHeader>\r\n\r\n <CardContent className=\"space-y-6\">\r\n <div className=\"flex items-baseline gap-1\">\r\n <span className=\"text-4xl font-bold\">\r\n {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n </span>\r\n <span className=\"text-muted-foreground\">\r\n {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n </span>\r\n </div>\r\n\r\n {isAnnual && priceDisplay.annually.originalAmount && (\r\n <p className=\"text-sm text-green-500 line-through\">\r\n {\" \"}\r\n {priceDisplay.annually.originalAmount} / month\r\n </p>\r\n )}\r\n\r\n <div className=\"space-y-3\">\r\n {features.map((feature) => (\r\n <div key={feature} className=\"flex items-center gap-2\">\r\n <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n <Check className=\"h-3 w-3 text-primary\" />\r\n </div>\r\n <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </CardContent>\r\n\r\n <CardFooter>\r\n <Button\r\n className=\"w-full\"\r\n color=\"primary\"\r\n size=\"lg\"\r\n as=\"a\"\r\n href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n >\r\n {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n\r\n <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n {t(\"common.termsOfService\", \"Terms of Service\")}\r\n </a>{\" \"}\r\n {t(\"common.and\", \"and\")}{\" \"}\r\n <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"fixed bottom-4 left-4\">\r\n <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n <LogOut className=\"h-4 w-4\" />\r\n {t(\"sidebar.user.logout\", \"Log out\")}\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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~~oBAACC~~,~~QAAD~~;OAAM,IAAG;iBAAY,EAAE,wBAAwB,iBAAiB;OAAQ,CAAA;MACpE;;IACF;MAEN,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,QAAD;IAAQ,SAAQ;IAAQ,SAAS;IAAc,WAAU;cAAzD,CACE,oBAAC,QAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAE,uBAAuB,UAAU,CAC7B;;GACL,CAAA,CACF"}
1	+ {"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader"],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n plan: StripePlan;\r\n features?: string[];\r\n /** URL for the Terms of Service link. Override for your app's legal page. /\r\n termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n plan,\r\n termsOfServiceUrl,\r\n features = [\r\n \"Unlimited access to all features\",\r\n \"Priority support\",\r\n \"Early access to new features\",\r\n \"Secure data storage\",\r\n \"Cancel anytime\",\r\n ],\r\n}: BillingSinglePlanSelectProps) {\r\n const { t } = useTranslation(\"web-ui\");\r\n const navigate = useNavigate();\r\n const [billingInterval, setBillingInterval] = useState<\"monthly\" \| \"annually\">(\"annually\");\r\n\r\n const handleLogout = async () => {\r\n await authClient.signOut();\r\n navigate(\"/login\");\r\n };\r\n\r\n const isAnnual = billingInterval === \"annually\";\r\n const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n // Fallback if no annual price ID exists\r\n const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n const priceDisplay = {\r\n monthly: {\r\n amount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month\",\r\n },\r\n annually: {\r\n amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n originalAmount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month, billed annually\",\r\n discountLabel: plan.annualPriceUnitAmount\r\n ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) 100).toFixed(0)}%`\r\n : \"\",\r\n },\r\n };\r\n\r\n return (\r\n <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n <div className=\"flex flex-col items-center gap-8\">\r\n <div className=\"text-center space-y-2\">\r\n <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n </h2>\r\n <p className=\"text-muted-foreground text-lg\">\r\n {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n </p>\r\n </div>\r\n\r\n {hasAnnualOption && (\r\n <Tabs\r\n defaultValue=\"annually\"\r\n value={billingInterval}\r\n onValueChange={(v) => setBillingInterval(v as \"monthly\" \| \"annually\")}\r\n className=\"w-full max-w-xs\"\r\n >\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n <TabsTrigger value=\"annually\" className=\"relative\">\r\n Annually\r\n {priceDisplay.annually.discountLabel && (\r\n <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n {priceDisplay.annually.discountLabel}\r\n </span>\r\n )}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n )}\r\n\r\n <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n <CardHeader>\r\n <CardTitle className=\"flex justify-between items-start\">\r\n <span className=\"text-xl font-bold\">{plan.name}</span>\r\n </CardTitle>\r\n <CardDescription>\r\n {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n </CardDescription>\r\n </CardHeader>\r\n\r\n <CardContent className=\"space-y-6\">\r\n <div className=\"flex items-baseline gap-1\">\r\n <span className=\"text-4xl font-bold\">\r\n {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n </span>\r\n <span className=\"text-muted-foreground\">\r\n {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n </span>\r\n </div>\r\n\r\n {isAnnual && priceDisplay.annually.originalAmount && (\r\n <p className=\"text-sm text-green-500 line-through\">\r\n {\" \"}\r\n {priceDisplay.annually.originalAmount} / month\r\n </p>\r\n )}\r\n\r\n <div className=\"space-y-3\">\r\n {features.map((feature) => (\r\n <div key={feature} className=\"flex items-center gap-2\">\r\n <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n <Check className=\"h-3 w-3 text-primary\" />\r\n </div>\r\n <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </CardContent>\r\n\r\n <CardFooter>\r\n <Button\r\n className=\"w-full\"\r\n color=\"primary\"\r\n size=\"lg\"\r\n as=\"a\"\r\n href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n >\r\n {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n\r\n <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n {t(\"common.termsOfService\", \"Terms of Service\")}\r\n </a>{\" \"}\r\n {t(\"common.and\", \"and\")}{\" \"}\r\n <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"fixed bottom-4 left-4\">\r\n <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n <LogOut className=\"h-4 w-4\" />\r\n {t(\"sidebar.user.logout\", \"Log out\")}\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/table/components/ColumnOrderAndVisibility.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Button } from "../../../components/ui/button.mjs";
+import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";

package/dist/src/modules/table/components/NuqsTable.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { ColumnOrderAndVisibility } from "./ColumnOrderAndVisibility.mjs";
 import { TableFiltering } from "./TableFiltering.mjs";
 import { TableGroupBy } from "./TableGroupBy.mjs";
 import { TablePagination } from "./TablePagination.mjs";
+import { ChevronDown, ChevronRight, ChevronUp } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
-import { Checkbox, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronRight, ChevronUp } from "lucide-react";
+import { Checkbox, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getPaginationRowModel, useReactTable } from "@tanstack/react-table";
 //#region src/modules/table/components/NuqsTable.tsx
 function getStorageKey(columnIds) {

package/dist/src/modules/table/components/TableFiltering.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import { Button as Button$1 } from "../../../components/ui/button.mjs";
 import { transformFiltersFromHeroUI, transformFiltersToHeroUI } from "../filterTransformers.mjs";
+import { PlusIcon, XIcon } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { DatePicker, DateRangePicker, Input, Select, SelectItem } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PlusIcon, XIcon } from "lucide-react";
+import { DatePicker, DateRangePicker, Input, Select, SelectItem } from "@heroui/react";
 import { getLocalTimeZone, today } from "@internationalized/date";
 //#region src/modules/table/components/TableFiltering.tsx
 const componentForFilterMethod = {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/web-ui",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -67,8 +67,8 @@
     "zod": "4.2.1",
     "@tanstack/react-query": "5.83.0",
     "@trpc/tanstack-react-query": "11.4.3",
-    "@m5kdev/commons": "0.8.5",
-    "@m5kdev/frontend": "0.8.5"
+    "@m5kdev/commons": "0.8.7",
+    "@m5kdev/frontend": "0.8.7"
   },
   "devDependencies": {
     "@tsdown/css": "0.21.7",
@@ -80,8 +80,8 @@
     "globals": "16.3.0",
     "tsdown": "0.21.7",
     "vite": "7.0.4",
-    "@m5kdev/config": "0.8.5",
-    "@m5kdev/backend": "0.8.5"
+    "@m5kdev/config": "0.8.7",
+    "@m5kdev/backend": "0.8.7"
   },
   "exports": {
     "./components/*": {