@carlonicora/nextjs-jsonapi 2.2.2 → 2.3.0

package/dist/billing/index.mjs

@@ -48,11 +48,11 @@ import {
   TabsList,
   TabsTrigger,
   useCurrentUserContext
-} from "../chunk-YEPE2HT6.mjs";
+} from "../chunk-FSMXD3N7.mjs";
 import {
   getRoleId,
   getStripePublishableKey
-} from "../chunk-7DJOQTNN.mjs";
+} from "../chunk-MN2BUSEU.mjs";
 import {
   FeatureService,
   StripeCustomerService,
@@ -63,7 +63,7 @@ import {
   StripeSubscriptionService,
   StripeUsageService,
   cn
-} from "../chunk-DLTMYGLR.mjs";
+} from "../chunk-EQEW64CH.mjs";
 import "../chunk-AUXK7QSA.mjs";
 import "../chunk-C7C7VY4F.mjs";
 import "../chunk-E5YA5Z5X.mjs";
@@ -1203,7 +1203,7 @@ function CancelSubscriptionDialog({
       /* @__PURE__ */ jsx15(DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
     ] }),
     /* @__PURE__ */ jsx15(Form, { ...form, children: /* @__PURE__ */ jsxs13("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-blue-800", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "bg-primary/10 border-primary/30 text-foreground rounded-lg border p-3 text-sm", children: [
         "Your subscription will remain active until ",
         periodEndDate,
         ". You can continue using the service until then."
@@ -1380,7 +1380,7 @@ function SubscriptionDetails({
           /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground text-xs", children: "Trial Ends:" }),
           /* @__PURE__ */ jsx17("span", { className: "text-sm", children: formatDate3(subscription.trialEnd) })
         ] }),
-        subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsx17("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-3", children: /* @__PURE__ */ jsxs14("p", { className: "text-warning text-xs/relaxed", children: [
+        subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsx17("div", { className: "bg-warning/15 border-warning/30 rounded-lg border p-3", children: /* @__PURE__ */ jsxs14("p", { className: "text-warning text-xs/relaxed", children: [
           "This subscription will be canceled at the end of the current period on",
           " ",
           formatDate3(subscription.currentPeriodEnd),
@@ -1774,18 +1774,18 @@ __name(ProductPricingListSkeleton, "ProductPricingListSkeleton");
 // src/features/billing/stripe-subscription/components/widgets/ProrationPreview.tsx
 import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function ProrationPreview({ preview }) {
-  return /* @__PURE__ */ jsxs21("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: [
-    /* @__PURE__ */ jsx24("h4", { className: "font-semibold text-blue-900 mb-3", children: "Proration Breakdown" }),
+  return /* @__PURE__ */ jsxs21("div", { className: "bg-primary/10 border-primary/30 rounded-lg border p-4", children: [
+    /* @__PURE__ */ jsx24("h4", { className: "text-primary mb-3 font-semibold", children: "Proration Breakdown" }),
     /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
       preview.lineItems.map((item, index) => /* @__PURE__ */ jsxs21("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx24("span", { className: "text-blue-800", children: item.description }),
-        /* @__PURE__ */ jsx24("span", { className: `font-medium ${item.amount < 0 ? "text-success" : "text-blue-900"}`, children: formatCurrency(item.amount, preview.currency) })
+        /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground", children: item.description }),
+        /* @__PURE__ */ jsx24("span", { className: `font-medium ${item.amount < 0 ? "text-success" : "text-foreground"}`, children: formatCurrency(item.amount, preview.currency) })
       ] }, index)),
-      /* @__PURE__ */ jsx24("div", { className: "border-t border-blue-200 pt-2 mt-2", children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between font-semibold", children: [
-        /* @__PURE__ */ jsx24("span", { className: "text-blue-900", children: "Net Due Today" }),
-        /* @__PURE__ */ jsx24("span", { className: "text-blue-900", children: formatCurrency(preview.immediateCharge, preview.currency) })
+      /* @__PURE__ */ jsx24("div", { className: "border-primary/30 mt-2 border-t pt-2", children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between font-semibold", children: [
+        /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: "Net Due Today" }),
+        /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: formatCurrency(preview.immediateCharge, preview.currency) })
       ] }) }),
-      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ jsxs21("div", { className: "text-xs text-blue-700 mt-2", children: [
+      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ jsxs21("div", { className: "text-muted-foreground mt-2 text-xs", children: [
         "Next invoice on ",
         formatDate3(preview.lineItems[0].period.end),
         " for",
@@ -2205,7 +2205,7 @@ function PromoCodeInput({
   }, "formatDuration");
   if (appliedCode?.valid) {
     return /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between p-3 bg-green-50 border border-green-200 rounded-lg", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "bg-success/15 border-success/30 flex items-center justify-between rounded-lg border p-3", children: [
         /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx28(Check4, { className: "text-success h-4 w-4" }),
           /* @__PURE__ */ jsx28("span", { className: "text-success font-medium", children: appliedCode.code }),
@@ -2218,7 +2218,7 @@ function PromoCodeInput({
             size: "sm",
             onClick: onRemove,
             disabled,
-            className: "text-success hover:bg-green-100 hover:text-success",
+            className: "text-success hover:bg-success/25 hover:text-success",
             children: /* @__PURE__ */ jsx28(X, { className: "h-4 w-4" })
           }
         )
@@ -2330,13 +2330,13 @@ function WizardStepReview({
     isChangingPlan && prorationPreview && /* @__PURE__ */ jsxs26(
       "div",
       {
-        className: `${isTrialUpgrade ? "bg-amber-50 border-amber-200" : "bg-blue-50 border-blue-200"} border rounded-lg p-4 space-y-2`,
+        className: `${isTrialUpgrade ? "bg-warning/15 border-warning/30" : "bg-primary/10 border-primary/30"} space-y-2 rounded-lg border p-4`,
         children: [
-          /* @__PURE__ */ jsx29("h4", { className: `font-medium ${isTrialUpgrade ? "text-warning" : "text-blue-800"}`, children: isTrialUpgrade ? "Trial Upgrade" : "Proration Summary" }),
-          /* @__PURE__ */ jsx29("p", { className: `text-sm ${isTrialUpgrade ? "text-warning" : "text-blue-700"}`, children: isTrialUpgrade ? "Your trial will end immediately and you will be charged the full price." : "Your next charge will be adjusted to account for the plan change." }),
+          /* @__PURE__ */ jsx29("h4", { className: `font-medium ${isTrialUpgrade ? "text-warning" : "text-primary"}`, children: isTrialUpgrade ? "Trial Upgrade" : "Proration Summary" }),
+          /* @__PURE__ */ jsx29("p", { className: `text-sm ${isTrialUpgrade ? "text-warning" : "text-foreground"}`, children: isTrialUpgrade ? "Your trial will end immediately and you will be charged the full price." : "Your next charge will be adjusted to account for the plan change." }),
           /* @__PURE__ */ jsxs26("div", { className: "flex justify-between text-sm", children: [
-            /* @__PURE__ */ jsx29("span", { className: `${isTrialUpgrade ? "text-warning" : "text-blue-600"}`, children: isTrialUpgrade ? "Amount to charge now:" : "Amount due now:" }),
-            /* @__PURE__ */ jsx29("span", { className: `font-medium ${isTrialUpgrade ? "text-warning" : "text-blue-800"}`, children: discountedImmediateCharge !== null ? /* @__PURE__ */ jsxs26(Fragment6, { 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: "text-success", children: formatCurrency(discountedImmediateCharge, prorationPreview.currency) })
             ] }) : formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) })
@@ -3265,9 +3265,9 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
       /* @__PURE__ */ jsx40(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
       /* @__PURE__ */ jsx40(DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
     ] }),
-    isEditMode && /* @__PURE__ */ jsxs35("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
-      /* @__PURE__ */ jsx40(AlertCircle3, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
-      /* @__PURE__ */ jsxs35("div", { className: "text-sm text-blue-800", children: [
+    isEditMode && /* @__PURE__ */ jsxs35("div", { className: "bg-primary/10 border-primary/30 flex gap-x-3 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsx40(AlertCircle3, { className: "text-primary mt-0.5 h-5 w-5 flex-shrink-0" }),
+      /* @__PURE__ */ jsxs35("div", { className: "text-foreground text-sm", children: [
         /* @__PURE__ */ jsx40("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
         /* @__PURE__ */ jsx40("p", { children: "Due to Stripe's architecture, only the nickname and active status can be modified after creation. To change amount, currency, or billing interval, create a new price." })
       ] })