@carlonicora/nextjs-jsonapi 3.3.8 → 3.4.0

package/dist/billing/index.mjs

@@ -62,7 +62,7 @@ import {
   useCurrentUserContext,
   useDataListRetriever,
   usePageUrlGenerator
-} from "../chunk-CFZW6GU4.mjs";
+} from "../chunk-G5LSXG5K.mjs";
 import {
   getRoleId,
   getStripePublishableKey,
@@ -176,7 +176,7 @@ function SubscriptionSummaryCard({
           },
           children: [
             "View Plans",
-            /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 ml-1" })
+            /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 ms-1 rtl:rotate-180" })
           ]
         }
       )
@@ -267,7 +267,7 @@ function PaymentMethodSummaryCard({
           },
           children: [
             "Add Card",
-            /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-4 w-4 ml-1" })
+            /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-4 w-4 ms-1 rtl:rotate-180" })
           ]
         }
       )
@@ -376,7 +376,7 @@ function CustomerInfoCard({ customer, loading, error }) {
       ] }),
       /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
         portalLoading ? "Loading..." : "Manage in Stripe Portal",
-        /* @__PURE__ */ jsx3(ExternalLink, { className: "h-4 w-4 ml-1" })
+        /* @__PURE__ */ jsx3(ExternalLink, { className: "h-4 w-4 ms-1" })
       ] })
     ] }) })
   ] });
@@ -467,7 +467,7 @@ function InvoicesSummaryCard({ invoices, loading, error, onViewAllClick }) {
         ] }),
         /* @__PURE__ */ jsxs4("span", { className: "flex items-center", children: [
           "View all",
-          /* @__PURE__ */ jsx4(ChevronRight3, { className: "h-3 w-3 ml-1" })
+          /* @__PURE__ */ jsx4(ChevronRight3, { className: "h-3 w-3 ms-1 rtl:rotate-180" })
         ] })
       ] })
     ] }) : null })
@@ -543,7 +543,7 @@ function BillingUsageSummaryCard({
       ] }),
       /* @__PURE__ */ jsxs5("span", { className: "flex items-center text-xs text-muted-foreground", children: [
         "View details",
-        /* @__PURE__ */ jsx5(ChevronRight4, { className: "h-3 w-3 ml-1" })
+        /* @__PURE__ */ jsx5(ChevronRight4, { className: "h-3 w-3 ms-1 rtl:rotate-180" })
       ] })
     ] }) })
   ] });
@@ -739,7 +739,7 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
   }, "handleRemove");
   return /* @__PURE__ */ jsxs8(Fragment, { children: [
     /* @__PURE__ */ jsxs8(Card, { className: "relative", children: [
-      isDefault && /* @__PURE__ */ jsx8(Badge, { variant: "softGreen", className: "absolute right-2 top-2", children: "Default" }),
+      isDefault && /* @__PURE__ */ jsx8(Badge, { variant: "softGreen", className: "absolute end-2 top-2", children: "Default" }),
       /* @__PURE__ */ jsxs8(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
         /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ jsx8("span", { className: "text-2xl", children: brandIcon }),
@@ -983,12 +983,12 @@ function InvoiceDetails({
         /* @__PURE__ */ jsx12("h4", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Line Items" }),
         /* @__PURE__ */ jsx12("div", { className: "border rounded-lg overflow-clip", children: /* @__PURE__ */ jsxs10("table", { className: "w-full", children: [
           /* @__PURE__ */ jsx12("thead", { className: "bg-muted", children: /* @__PURE__ */ jsxs10("tr", { children: [
-            /* @__PURE__ */ jsx12("th", { className: "text-left p-3 text-sm font-medium", children: "Description" }),
-            /* @__PURE__ */ jsx12("th", { className: "text-right p-3 text-sm font-medium", children: "Amount" })
+            /* @__PURE__ */ jsx12("th", { className: "text-start p-3 text-sm font-medium", children: "Description" }),
+            /* @__PURE__ */ jsx12("th", { className: "text-end p-3 text-sm font-medium", children: "Amount" })
           ] }) }),
           /* @__PURE__ */ jsx12("tbody", { children: /* @__PURE__ */ jsxs10("tr", { className: "border-t", children: [
             /* @__PURE__ */ jsx12("td", { className: "p-3", children: productName }),
-            /* @__PURE__ */ jsx12("td", { className: "p-3 text-right", children: formatCurrency(invoice.subtotal, invoice.currency) })
+            /* @__PURE__ */ jsx12("td", { className: "p-3 text-end", children: formatCurrency(invoice.subtotal, invoice.currency) })
           ] }) })
         ] }) })
       ] }),
@@ -1016,15 +1016,15 @@ function InvoiceDetails({
       ] }),
       /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
         invoice.stripePdfUrl && /* @__PURE__ */ jsxs10(Button, { variant: "outline", onClick: handleDownloadPDF, children: [
-          /* @__PURE__ */ jsx12(Download, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx12(Download, { className: "me-2 h-4 w-4" }),
           "Download PDF"
         ] }),
         invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ jsxs10(Button, { variant: "default", onClick: handleRetryPayment, children: [
-          /* @__PURE__ */ jsx12(RefreshCw, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx12(RefreshCw, { className: "me-2 h-4 w-4" }),
           "Retry Payment"
         ] }),
         invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ jsxs10(Button, { variant: "outline", onClick: handleViewInStripe, children: [
-          /* @__PURE__ */ jsx12(ExternalLink2, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx12(ExternalLink2, { className: "me-2 h-4 w-4" }),
           "View in Stripe"
         ] })
       ] })
@@ -1052,7 +1052,7 @@ function InvoicesList({ invoices, onInvoicesChange }) {
         /* @__PURE__ */ jsx13(TableHead, { children: "Invoice #" }),
         /* @__PURE__ */ jsx13(TableHead, { children: "Date" }),
         /* @__PURE__ */ jsx13(TableHead, { children: "Status" }),
-        /* @__PURE__ */ jsx13(TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ jsx13(TableHead, { className: "text-end", children: "Amount" }),
         /* @__PURE__ */ jsx13(TableHead, { children: "Period" })
       ] }) }),
       /* @__PURE__ */ jsx13(TableBody, { children: invoices.map((invoice) => {
@@ -1069,7 +1069,7 @@ function InvoicesList({ invoices, onInvoicesChange }) {
               /* @__PURE__ */ jsx13(TableCell, { className: "font-medium", children: invoiceNumber }),
               /* @__PURE__ */ jsx13(TableCell, { className: "text-muted-foreground text-xs", children: date }),
               /* @__PURE__ */ jsx13(TableCell, { children: /* @__PURE__ */ jsx13(InvoiceStatusBadge, { status: invoice.status }) }),
-              /* @__PURE__ */ jsx13(TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ jsx13(TableCell, { className: "text-end font-medium", children: amount }),
               /* @__PURE__ */ jsx13(TableCell, { className: "text-muted-foreground text-xs", children: period })
             ]
           },
@@ -1430,8 +1430,8 @@ function SubscriptionsList({ subscriptions, onSubscriptionsChange, onChangePlan
         /* @__PURE__ */ jsx18(TableHead, { children: "Status" }),
         /* @__PURE__ */ jsx18(TableHead, { children: "Plan" }),
         /* @__PURE__ */ jsx18(TableHead, { children: "Period" }),
-        /* @__PURE__ */ jsx18(TableHead, { className: "text-right", children: "Amount" }),
-        /* @__PURE__ */ jsx18(TableHead, { className: "text-right", children: "Actions" })
+        /* @__PURE__ */ jsx18(TableHead, { className: "text-end", children: "Amount" }),
+        /* @__PURE__ */ jsx18(TableHead, { className: "text-end", children: "Actions" })
       ] }) }),
       /* @__PURE__ */ jsx18(TableBody, { children: subscriptions.map((subscription) => {
         const price = subscription.price;
@@ -1452,8 +1452,8 @@ function SubscriptionsList({ subscriptions, onSubscriptionsChange, onChangePlan
               ) }),
               /* @__PURE__ */ jsx18(TableCell, { className: "font-medium", children: formatPlanName3(price) }),
               /* @__PURE__ */ jsx18(TableCell, { className: "text-muted-foreground text-sm", children: period }),
-              /* @__PURE__ */ jsx18(TableCell, { className: "text-right font-medium", children: amount }),
-              /* @__PURE__ */ jsx18(TableCell, { className: "text-right", children: (subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */) && onChangePlan && /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx18(TableCell, { className: "text-end font-medium", children: amount }),
+              /* @__PURE__ */ jsx18(TableCell, { className: "text-end", children: (subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */) && onChangePlan && /* @__PURE__ */ jsx18(
                 Button,
                 {
                   size: "sm",
@@ -1603,12 +1603,12 @@ function PricingCard({
         isLoading && "pointer-events-none"
       ),
       children: [
-        isCurrentPlan && /* @__PURE__ */ jsx21(Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
+        isCurrentPlan && /* @__PURE__ */ jsx21(Badge, { variant: "secondary", className: "absolute top-2 end-2", children: "Current" }),
         /* @__PURE__ */ jsx21(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx21("h3", { className: "text-sm font-medium", children: description }) }),
         /* @__PURE__ */ jsxs18(CardContent, { className: "pb-4 grow", children: [
           /* @__PURE__ */ jsxs18("div", { className: "mb-4", children: [
             /* @__PURE__ */ jsx21("span", { className: "text-3xl font-bold", children: formattedPrice }),
-            /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground ml-1", children: interval })
+            /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground ms-1", children: interval })
           ] }),
           features.length > 0 && /* @__PURE__ */ jsx21("ul", { className: "space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsxs18("li", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ jsx21(Check, { className: "text-success mt-0.5 h-4 w-4 shrink-0" }),
@@ -1809,7 +1809,7 @@ function SubscriptionConfirmation({ price, isLoading, onConfirm, onCancel }) {
       /* @__PURE__ */ jsxs22("div", { className: "flex justify-end gap-3 pt-2 border-t border-accent/30", children: [
         /* @__PURE__ */ jsx25(Button, { variant: "outline", onClick: onCancel, disabled: isLoading, children: "Cancel" }),
         /* @__PURE__ */ jsx25(Button, { onClick: onConfirm, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsxs22(Fragment5, { children: [
-          /* @__PURE__ */ jsx25(Loader2, { className: "h-4 w-4 animate-spin mr-2" }),
+          /* @__PURE__ */ jsx25(Loader2, { className: "h-4 w-4 animate-spin me-2" }),
           "Processing..."
         ] }) : "Subscribe" })
       ] })
@@ -2304,7 +2304,7 @@ function WizardStepReview({
           /* @__PURE__ */ jsx29("p", { className: "font-medium", children: selectedPrice.product?.name }),
           selectedPrice.nickname && /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: selectedPrice.nickname })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "text-right", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "text-end", children: [
           discountedPrice !== null ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
             /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground line-through", children: formatCurrency(selectedPrice.unitAmount || 0, selectedPrice.currency) }),
             /* @__PURE__ */ jsx29("p", { className: "text-success text-lg font-semibold", children: formatCurrency(discountedPrice, selectedPrice.currency) }),
@@ -2324,7 +2324,7 @@ function WizardStepReview({
           /* @__PURE__ */ jsxs26("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsx29("span", { className: `${isTrialUpgrade ? "text-warning" : "text-muted-foreground"}`, children: isTrialUpgrade ? "Amount to charge now:" : "Amount due now:" }),
             /* @__PURE__ */ jsx29("span", { className: `font-medium ${isTrialUpgrade ? "text-warning" : "text-foreground"}`, children: discountedImmediateCharge !== null ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-              /* @__PURE__ */ jsx29("span", { className: "line-through text-muted-foreground mr-2", children: formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) }),
+              /* @__PURE__ */ jsx29("span", { className: "line-through text-muted-foreground me-2", children: formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) }),
               /* @__PURE__ */ jsx29("span", { className: "text-success", children: formatCurrency(discountedImmediateCharge, prorationPreview.currency) })
             ] }) : formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) })
           ] })
@@ -2637,7 +2637,7 @@ function UsageHistoryTable({ usageRecords }) {
       /* @__PURE__ */ jsx35(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs31(TableRow, { children: [
         /* @__PURE__ */ jsx35(TableHead, { children: "Date & Time" }),
         /* @__PURE__ */ jsx35(TableHead, { children: "Meter Event" }),
-        /* @__PURE__ */ jsx35(TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ jsx35(TableHead, { className: "text-end", children: "Quantity" }),
         /* @__PURE__ */ jsx35(TableHead, { children: "Event ID" })
       ] }) }),
       /* @__PURE__ */ jsx35(TableBody, { children: usageRecords.map((record) => {
@@ -2646,7 +2646,7 @@ function UsageHistoryTable({ usageRecords }) {
         return /* @__PURE__ */ jsxs31(TableRow, { children: [
           /* @__PURE__ */ jsx35(TableCell, { className: "font-medium", children: dateTime }),
           /* @__PURE__ */ jsx35(TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
-          /* @__PURE__ */ jsx35(TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ jsx35(TableCell, { className: "text-end font-medium", children: quantity }),
           /* @__PURE__ */ jsx35(TableCell, { className: "text-muted-foreground text-sm tabular-nums", children: record.stripeEventId })
         ] }, record.id);
       }) })
@@ -2928,7 +2928,7 @@ function BillingDashboardContainer() {
         /* @__PURE__ */ jsx38(CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
       ] }),
       /* @__PURE__ */ jsx38(CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ jsx38(Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ jsxs34(Fragment7, { children: [
-        /* @__PURE__ */ jsx38(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsx38(Loader23, { className: "me-2 h-4 w-4 animate-spin" }),
         "Setting up..."
       ] }) : "Set Up Billing Account" }) }),
       errors.customer && /* @__PURE__ */ jsx38(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsx38("p", { className: "text-center text-destructive text-xs/relaxed", children: errors.customer }) })