update cart discount for prod build, add loading toast

app/home/(user)/_components/cart/discount-code-actions.ts

@@ -0,0 +1,24 @@
+"use server"
+
+import { applyPromotions } from "@lib/data/cart"
+
+export async function addPromotionCodeAction(code: string) {
+  try {
+    await applyPromotions([code]);
+    return { success: true, message: 'Discount code applied successfully' };
+  } catch (error) {
+    console.error('Error applying promotion code:', error);
+    return { success: false, message: 'Failed to apply discount code' };
+  }
+}
+
+export async function removePromotionCodeAction(codeToRemove: string, appliedCodes: string[]) {
+  try {
+    const updatedCodes = appliedCodes.filter((appliedCode) => appliedCode !== codeToRemove);
+    await applyPromotions(updatedCodes);
+    return { success: true, message: 'Discount code removed successfully' };
+  } catch (error) {
+    console.error('Error removing promotion code:', error);
+    return { success: false, message: 'Failed to remove discount code' };
+  }
+}

app/home/(user)/_components/cart/discount-code.tsx

@@ -2,9 +2,8 @@
 
 import { Badge, Text } from "@medusajs/ui"
 import { toast } from '@kit/ui/sonner';
-import React, { useActionState } from "react";
+import React from "react";
 
-import { applyPromotions, submitPromotionForm } from "@lib/data/cart"
 import { convertToLocale } from "@lib/util/money"
 import { StoreCart, StorePromotion } from "@medusajs/types"
 import Trash from "@modules/common/icons/trash"
@@ -16,6 +15,7 @@ import { useTranslation } from "react-i18next";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
+import { addPromotionCodeAction, removePromotionCodeAction } from "./discount-code-actions";
 
 const DiscountCodeSchema = z.object({
   code: z.string().min(1),
@@ -31,42 +31,35 @@ export default function DiscountCode({ cart }: {
   const { promotions = [] } = cart;
 
   const removePromotionCode = async (code: string) => {
-    const validPromotions = promotions.filter(
-      (promotion) => promotion.code !== code,
-    )
+    const appliedCodes = promotions
+      .filter((p) => p.code !== undefined)
+      .map((p) => p.code!)
 
-    await applyPromotions(
-      validPromotions.filter((p) => p.code === undefined).map((p) => p.code!),
-      {
-        onSuccess: () => {
-          toast.success(t('cart:discountCode.removeSuccess'));
-        },
-        onError: () => {
-          toast.error(t('cart:discountCode.removeError'));
-        },
-      }
-    )
+    const loading = toast.loading(t('cart:discountCode.removeLoading'));
+
+    const result = await removePromotionCodeAction(code, appliedCodes)
+    
+    toast.dismiss(loading);
+    if (result.success) {
+      toast.success(t('cart:discountCode.removeSuccess'));
+    } else {
+      toast.error(t('cart:discountCode.removeError'));
+    }
   }
 
   const addPromotionCode = async (code: string) => {
-    const codes = promotions
-      .filter((p) => p.code === undefined)
-      .map((p) => p.code!)
-    codes.push(code.toString())
-
-    await applyPromotions(codes, {
-      onSuccess: () => {
-        toast.success(t('cart:discountCode.addSuccess'));
-      },
-      onError: () => {
-        toast.error(t('cart:discountCode.addError'));
-      },
-    });
-
-    form.reset()
+    const loading = toast.loading(t('cart:discountCode.addLoading'));
+    const result = await addPromotionCodeAction(code)
+    
+    toast.dismiss(loading);
+    if (result.success) {
+      toast.success(t('cart:discountCode.addSuccess'));
+      form.reset()
+    } else {
+      toast.error(t('cart:discountCode.addError'));
+    }
   }
 
-  const [message, formAction] = useActionState(submitPromotionForm, null)
 
   const form = useForm<z.infer<typeof DiscountCodeSchema>>({
     defaultValues: {
@@ -135,7 +128,7 @@ export default function DiscountCode({ cart }: {
                               "percentage"
                               ? `${promotion.application_method.value}%`
                               : convertToLocale({
-                                amount: promotion.application_method.value,
+                                amount: Number(promotion.application_method.value),
                                 currency_code:
                                   promotion.application_method
                                     .currency_code,