From c13a4655bf39be1f367acaf6580a2b326c48eee8 Mon Sep 17 00:00:00 2001
From: "@jcarymuhammedow" <jcarymuhammedow@gmail.com>
Date: Mon, 2 Mar 2026 17:46:18 +0500
Subject: [PATCH] added shipping method

---
 app/[locale]/cart/page.tsx                |  51 +++++---
 features/cart/components/OrderSummary.tsx |  91 +++++++++++---
 features/cart/hooks/useCart.ts            |  38 +++---
 features/orders/components/OrderPage.tsx  | 141 +++++++++++++++++++---
 i18n/messages/ru.json                     |   7 +-
 i18n/messages/tm.json                     |  15 ++-
 lib/types/api.ts                          |  10 +-
 7 files changed, 282 insertions(+), 71 deletions(-)

diff --git a/app/[locale]/cart/page.tsx b/app/[locale]/cart/page.tsx
index 34c2ab3..e17deff 100644
--- a/app/[locale]/cart/page.tsx
+++ b/app/[locale]/cart/page.tsx
@@ -11,18 +11,18 @@ import {
   useCreateOrder,
   useRegions,
   usePaymentTypes,
+  useOrderDeliveries,
 } from "@/lib/hooks";
 import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
-import type { DeliveryType, PaymentType } from "@/lib/types/api";
+import type { PaymentType, OrderDelivery } from "@/lib/types/api";
 import EmptyCart from "@/features/cart/components/EmptyCart";
 import ErrorPage from "@/components/ErrorPage";
 
 export default function CartPage() {
   const [isClient, setIsClient] = useState(false);
   const [paymentType, setPaymentType] = useState<PaymentType | null>(null);
-  const [deliveryType, setDeliveryType] =
-    useState<DeliveryType>("SELECTED_DELIVERY");
+  const [selectedOrderDelivery, setSelectedOrderDelivery] = useState<OrderDelivery | null>(null);
   const [selectedRegion, setSelectedRegion] = useState<string>("");
   const [selectedProvince, setSelectedProvince] = useState<number | null>(null);
   const [notes, setNote] = useState<string>("");
@@ -36,15 +36,22 @@ export default function CartPage() {
   const { data: provinces = [], isLoading: provincesLoading } = useRegions();
   const { data: paymentTypes = [], isLoading: paymentTypesLoading } =
     usePaymentTypes();
+  const { data: orderDeliveries = [], isLoading: deliveriesLoading } = useOrderDeliveries();
   const { mutate: createOrder, isPending: isCreatingOrder } = useCreateOrder();
 
   const cartItems = cartResponse?.data || [];
-  const isLoading = cartLoading || provincesLoading || paymentTypesLoading;
+  const isLoading = cartLoading || provincesLoading || paymentTypesLoading || deliveriesLoading;
 
   useEffect(() => {
     setIsClient(true);
   }, []);
 
+  const handleRegionChange = (region: string) => {
+    setSelectedRegion(region);
+    setSelectedProvince(null);
+    setSelectedOrderDelivery(null);
+  };
+
   const regionGroups = useMemo(() => {
     return provinces.reduce((acc, province) => {
       if (!acc[province.region]) {
@@ -77,25 +84,25 @@ export default function CartPage() {
   }, [cartItems]);
 
   const totalAmount = useMemo(() => {
-    return cartItems.reduce((sum, item) => {
+    const productsTotal = cartItems.reduce((sum, item) => {
       const price = parseFloat(item.product.price_amount || "0");
       return sum + price * item.product_quantity;
     }, 0);
+    return productsTotal;
   }, [cartItems]);
 
-  const handleDeliveryTypeChange = (type: DeliveryType) => {
-    setDeliveryType(type);
-    setSelectedProvince(null);
-  };
+  const finalTotal = useMemo(() => {
+    const shippingPrice = selectedOrderDelivery?.price || 0;
+    return totalAmount + shippingPrice;
+  }, [totalAmount, selectedOrderDelivery]);
 
- 
   const formatPhoneForBackend = (phoneNumber: string): string => {
    
     return phoneNumber.replace(/^\+993\s*/, "").replace(/\s+/g, "");
   };
 
   const handleCompleteOrder = () => {
-  if (!selectedRegion || !selectedProvince || !paymentType || !phone || !name) {
+  if (!selectedRegion || !selectedProvince || !paymentType || !phone || !name || !selectedOrderDelivery) {
     console.warn("Missing required fields for order");
     return;
   }
@@ -112,9 +119,10 @@ export default function CartPage() {
   createOrder(
     {
       customer_name: `${name} ${lastName}`.trim(),
-      customer_phone: parseInt(phoneDigits, 10), 
+      customer_phone: phoneDigits, 
       customer_address: selectedProvinceData.name,
-      shipping_method: "standart",
+      shipping_method: selectedOrderDelivery.name,
+      shipping_price: selectedOrderDelivery.price,
       payment_type_id: paymentType.id,
       region: selectedRegion,
       notes: notes || undefined,
@@ -226,15 +234,25 @@ export default function CartPage() {
                   title: t("products"),
                   value: `${totalAmount.toFixed(2)} TMT`,
                 },
+                ...(selectedOrderDelivery
+                  ? [
+                      {
+                        title: t("shipping_method"),
+                        value: `${selectedOrderDelivery.price.toFixed(2)} TMT`,
+                      },
+                    ]
+                  : []),
               ],
               footer: {
                 title: t("total_price"),
-                value: `${totalAmount.toFixed(2)} TMT`,
+                value: `${finalTotal.toFixed(2)} TMT`,
               },
             },
           }}
           paymentType={paymentType}
-          deliveryType={deliveryType}
+          orderDeliveries={orderDeliveries}
+          selectedOrderDelivery={selectedOrderDelivery}
+          onOrderDeliveryChange={setSelectedOrderDelivery}
           selectedRegion={selectedRegion}
           selectedProvince={selectedProvince}
           notes={notes}
@@ -248,8 +266,7 @@ export default function CartPage() {
           onNameChange={setName}
           onLastNameChange={setLastName}
           onPaymentTypeChange={setPaymentType}
-          onDeliveryTypeChange={handleDeliveryTypeChange}
-          onRegionChange={setSelectedRegion}
+          onRegionChange={handleRegionChange}
           onProvinceChange={setSelectedProvince}
           onNoteChange={setNote}
           onCompleteOrder={handleCompleteOrder}
diff --git a/features/cart/components/OrderSummary.tsx b/features/cart/components/OrderSummary.tsx
index cf7485b..0fd94c0 100644
--- a/features/cart/components/OrderSummary.tsx
+++ b/features/cart/components/OrderSummary.tsx
@@ -13,9 +13,13 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Input } from "@/components/ui/input";
-import DeliveryTypeSelector from "./DeliveryTypeSelector";
 import { useTranslations } from "next-intl";
-import type { DeliveryType, PaymentType, Province } from "@/lib/types/api";
+import type {
+  DeliveryType,
+  PaymentType,
+  Province,
+  OrderDelivery,
+} from "@/lib/types/api";
 import { useState } from "react";
 
 interface OrderBillingItem {
@@ -37,7 +41,8 @@ interface OrderSummaryProps {
     billing: OrderBilling;
   };
   paymentType: PaymentType | null;
-  deliveryType: DeliveryType;
+  orderDeliveries: OrderDelivery[];
+  selectedOrderDelivery: OrderDelivery | null;
   selectedRegion: string;
   selectedProvince: number | null;
   notes: string;
@@ -51,7 +56,7 @@ interface OrderSummaryProps {
   onNameChange: (name: string) => void;
   onLastNameChange: (lastName: string) => void;
   onPaymentTypeChange: (type: PaymentType) => void;
-  onDeliveryTypeChange: (type: DeliveryType) => void;
+  onOrderDeliveryChange: (delivery: OrderDelivery) => void;
   onRegionChange: (regionCode: string) => void;
   onProvinceChange: (provinceId: number) => void;
   onNoteChange: (notes: string) => void;
@@ -62,7 +67,8 @@ interface OrderSummaryProps {
 export default function OrderSummary({
   order,
   paymentType,
-  deliveryType,
+  orderDeliveries,
+  selectedOrderDelivery,
   selectedRegion,
   selectedProvince,
   notes,
@@ -76,7 +82,7 @@ export default function OrderSummary({
   onNameChange,
   onLastNameChange,
   onPaymentTypeChange,
-  onDeliveryTypeChange,
+  onOrderDeliveryChange,
   onRegionChange,
   onProvinceChange,
   onNoteChange,
@@ -90,6 +96,15 @@ export default function OrderSummary({
     ? regionGroups[selectedRegion] || []
     : [];
 
+  const filteredDeliveries = orderDeliveries.filter((delivery) => {
+    if (!selectedRegion) return true;
+    if (selectedRegion === "ag") {
+      return delivery.name === "standart" || delivery.name === "self_pickup";
+    } else {
+      return delivery.name === "region";
+    }
+  });
+
   const phoneDigits = phone.replace(/\D/g, "");
   const isPhoneValid = phoneDigits.length === 11;
 
@@ -97,6 +112,7 @@ export default function OrderSummary({
     selectedRegion &&
     selectedProvince &&
     paymentType &&
+    selectedOrderDelivery &&
     isPhoneValid &&
     name.trim() !== "" &&
     lastName.trim() !== "";
@@ -136,7 +152,7 @@ export default function OrderSummary({
   return (
     <Card className="w-full md:w-[380px] p-4 md:p-6 rounded-xl h-fit sticky top-20">
       {/* Customer Information */}
-      <div className="mb-6">
+      <div className="mb-4">
         <h3 className="text-lg font-semibold mb-3">
           {t("customer_information")}
         </h3>
@@ -198,7 +214,7 @@ export default function OrderSummary({
       </div>
 
       {/* Payment Type */}
-      <div className="mb-6">
+      <div className="mb-4">
         <h3 className="text-lg font-semibold mb-3">{t("payment_type")}</h3>
         <div className="flex gap-2">
           {paymentTypes.map((type) => (
@@ -231,16 +247,13 @@ export default function OrderSummary({
       </div>
 
       {/* Region Selection */}
-      <div className="mb-6">
+      <div className="mb-4">
         <Label className="text-lg font-semibold mb-3 block">
           {t("choose_region")}
         </Label>
         <RadioGroup
           value={selectedRegion}
-          onValueChange={(value) => {
-            onRegionChange(value);
-            onProvinceChange(null as any);
-          }}
+          onValueChange={(value) => onRegionChange(value)}
           className="flex flex-wrap gap-4"
         >
           {availableRegions.map((regionCode) => (
@@ -270,7 +283,7 @@ export default function OrderSummary({
 
       {/* Province Selection */}
       {selectedRegion && provincesForSelectedRegion.length > 0 && (
-        <div className="mb-6">
+        <div className="mb-4">
           <Label className="text-lg font-semibold mb-3 block">
             {t("choose_address")}
           </Label>
@@ -299,8 +312,56 @@ export default function OrderSummary({
         </div>
       )}
 
+      {/* Shipping Method */}
+      {selectedRegion && (
+        <div className="mb-4">
+          <h3 className="text-lg font-semibold mb-3">{t("shipping_method")}</h3>
+          <div className="flex gap-2">
+            {filteredDeliveries.map((delivery) => (
+              <Card
+                key={delivery.name}
+                className={`flex-1 cursor-pointer py-4 transition-all ${
+                  selectedOrderDelivery?.name === delivery.name
+                    ? "border-2 border-[#005bff] bg-blue-50"
+                    : showValidation && !selectedOrderDelivery
+                    ? "border-2 border-red-500"
+                    : "border-2 border-gray-200"
+                }`}
+                onClick={() => onOrderDeliveryChange(delivery)}
+              >
+                <div className="flex items-center flex-col p-4">
+                  <div className="flex flex-col">
+                    <span
+                      className={`text-sm font-medium ${
+                        selectedOrderDelivery?.name === delivery.name
+                          ? "text-[#005bff]"
+                          : ""
+                      }`}
+                    >
+                      {t(delivery.name)}
+                    </span>
+                  </div>
+                  <span
+                    className={`text-sm font-bold ${
+                      selectedOrderDelivery?.name === delivery.name
+                        ? "text-[#005bff]"
+                        : "text-green-600"
+                    }`}
+                  >
+                    {delivery.price === 0 ? t("free") : `${delivery.price} TMT`}
+                  </span>
+                </div>
+              </Card>
+            ))}
+          </div>
+          {showValidation && !selectedOrderDelivery && (
+            <p className="text-xs text-red-500 mt-1">{t("requiredField")}</p>
+          )}
+        </div>
+      )}
+
       {/* Note */}
-      <div className="mb-6">
+      <div className="mb-4">
         <Label className="text-lg font-semibold mb-3 block">{t("note")}</Label>
         <Textarea
           value={notes}
diff --git a/features/cart/hooks/useCart.ts b/features/cart/hooks/useCart.ts
index 26cb777..ddfe71e 100644
--- a/features/cart/hooks/useCart.ts
+++ b/features/cart/hooks/useCart.ts
@@ -5,15 +5,14 @@ import {
   UseQueryOptions,
 } from "@tanstack/react-query";
 import { apiClient } from "@/lib/api";
-import type { CartItem } from "@/lib/types/api";
+import type {
+  CartItem,
+  CartResponse,
+  CreateOrderPayload,
+  OrderDelivery,
+} from "@/lib/types/api";
 import { useEffect } from "react";
 
-interface CartResponse {
-  message: string;
-  data: CartItem[];
-  errorDetails?: string;
-}
-
 const pendingUpdates = new Map<number, number>();
 let updateLock = false;
 
@@ -457,21 +456,24 @@ export function useUpdateCartItemQuantity() {
   });
 }
 
+export function useOrderDeliveries() {
+  return useQuery({
+    queryKey: ["order-deliveries"],
+    queryFn: async () => {
+      const response = await apiClient.get<{
+        message: string;
+        data: OrderDelivery[];
+      }>("/order-deliveries");
+      return response.data.data;
+    },
+  });
+}
+
 export function useCreateOrder() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: async (payload: {
-      customer_name?: string;
-      customer_phone: number;
-      customer_address: string;
-      shipping_method: string;
-      payment_type_id: number;
-      delivery_time?: string;
-      delivery_at?: string;
-      region: string;
-      notes?: string;
-    }) => {
+    mutationFn: async (payload: CreateOrderPayload) => {
       const response = await apiClient.post("/orders", payload);
       return response.data;
     },
diff --git a/features/orders/components/OrderPage.tsx b/features/orders/components/OrderPage.tsx
index 47ca7a5..7c0b3e5 100644
--- a/features/orders/components/OrderPage.tsx
+++ b/features/orders/components/OrderPage.tsx
@@ -23,9 +23,10 @@ import {
   MapPin,
   CreditCard,
   ShoppingBag,
+  Banknote,
 } from "lucide-react";
 import { toast } from "sonner";
-import { useOrders, useCancelOrder } from "@/lib/hooks";
+import { useOrders, useCancelOrder, useOrderDeliveries } from "@/lib/hooks";
 import { useTranslations } from "next-intl";
 import type { Order } from "@/lib/types/api";
 import EmptyOrders from "./EmptyOrders";
@@ -42,6 +43,8 @@ export default function OrdersPageClient({ locale }: OrdersPageClientProps) {
   const t = useTranslations();
 
   const { data: orders, isLoading, isError } = useOrders();
+  const { data: orderDeliveries, isLoading: deliveriesLoading } =
+    useOrderDeliveries();
   const { mutate: cancelOrder, isPending: isCancellingOrder } =
     useCancelOrder();
 
@@ -83,7 +86,7 @@ export default function OrdersPageClient({ locale }: OrdersPageClientProps) {
     if (
       lowerStatus.includes("ожидается") ||
       lowerStatus.includes("pending") ||
-      lowerStatus.includes("garaşlama")
+      lowerStatus.includes("garaşylýar")
     ) {
       return (
         <Badge
@@ -147,20 +150,89 @@ export default function OrdersPageClient({ locale }: OrdersPageClientProps) {
 
   const activeOrders = useMemo(
     () => orders?.filter((o) => isActiveOrder(o.status)) || [],
-    [orders, isActiveOrder]
+    [orders, isActiveOrder],
   );
   const completedOrders = useMemo(
     () => orders?.filter((o) => !isActiveOrder(o.status)) || [],
-    [orders, isActiveOrder]
+    [orders, isActiveOrder],
   );
 
-  const calculateTotal = useCallback((order: Order) => {
-    return order.orderItems.reduce((sum, item) => {
-      return sum + parseFloat(item.unit_price_amount) * item.quantity;
-    }, 0);
-  }, []);
+  const getShippingPrice = useCallback(
+    (order: Order) => {
+      if (order.shipping_price !== undefined && order.shipping_price !== null) {
+        return Number(order.shipping_price);
+      }
 
-  if (isLoading) {
+      if (!orderDeliveries || orderDeliveries.length === 0) return 0;
+
+      const methodFromOrder = order.shipping_method.toLowerCase();
+
+      // Find delivery method by matching internal name, translated name, or common keywords
+      const delivery = orderDeliveries.find((d) => {
+        const internalName = d.name.toLowerCase();
+        const translatedName = t(internalName).toLowerCase(); // d.name should be used for translation
+
+        // Direct match
+        if (
+          internalName === methodFromOrder ||
+          translatedName === methodFromOrder
+        ) {
+          return true;
+        }
+
+        // Keyword based matching for "region"
+        if (
+          (internalName === "region" || internalName === "çapar") &&
+          (methodFromOrder.includes("welaýat") ||
+            methodFromOrder.includes("region") ||
+            methodFromOrder.includes("регион") ||
+            methodFromOrder.includes("çapar") ||
+            methodFromOrder.includes("welayat"))
+        ) {
+          return true;
+        }
+
+        // Keyword based matching for "self_pickup"
+        if (
+          internalName === "self_pickup" &&
+          (methodFromOrder.includes("özüm") ||
+            methodFromOrder.includes("özüň") ||
+            methodFromOrder.includes("pickup") ||
+            methodFromOrder.includes("самовывоз"))
+        ) {
+          return true;
+        }
+
+        // Keyword based matching for "standart"
+        if (
+          internalName === "standart" &&
+          (methodFromOrder.includes("standart") ||
+            methodFromOrder.includes("standard"))
+        ) {
+          return true;
+        }
+
+        return false;
+      });
+
+      return delivery ? Number(delivery.price) : 0;
+    },
+    [orderDeliveries, t],
+  );
+
+  const calculateTotal = useCallback(
+    (order: Order) => {
+      const itemsTotal = order.orderItems.reduce((sum, item) => {
+        return sum + parseFloat(item.unit_price_amount) * item.quantity;
+      }, 0);
+
+      const shippingPrice = getShippingPrice(order);
+      return itemsTotal + shippingPrice;
+    },
+    [getShippingPrice],
+  );
+
+  if (isLoading || deliveriesLoading) {
     return (
       <div className="mx-auto p-2 lg:p-6 md:p-4 mb-16 min-h-screen">
         <h1 className="text-xl md:text-2xl lg:text-3xl font-bold mb-6">
@@ -247,8 +319,10 @@ export default function OrdersPageClient({ locale }: OrdersPageClientProps) {
                   isCancelling={isCancellingOrder}
                   getStatusBadge={getStatusBadge}
                   calculateTotal={calculateTotal}
+                  getShippingPrice={getShippingPrice}
                   showCancelButton
                   t={t}
+                  orderDeliveries={orderDeliveries || []}
                 />
               ))}
             </div>
@@ -270,12 +344,13 @@ export default function OrdersPageClient({ locale }: OrdersPageClientProps) {
                   order={order}
                   isExpanded={expandedOrders.has(order.id)}
                   onToggle={() => toggleOrderExpand(order.id)}
-                  onCancel={handleCancelOrder}
                   isCancelling={isCancellingOrder}
                   getStatusBadge={getStatusBadge}
                   calculateTotal={calculateTotal}
+                  getShippingPrice={getShippingPrice}
                   showCancelButton={false}
                   t={t}
+                  orderDeliveries={orderDeliveries || []}
                 />
               ))}
             </div>
@@ -319,12 +394,14 @@ interface CompactOrderCardProps {
   order: Order;
   isExpanded: boolean;
   onToggle: () => void;
-  onCancel: (order: Order) => void;
+  onCancel?: (order: Order) => void;
   isCancelling: boolean;
   getStatusBadge: (status: string) => React.ReactNode;
   calculateTotal: (order: Order) => number;
+  getShippingPrice: (order: Order) => number;
   showCancelButton: boolean;
   t: any;
+  orderDeliveries: any[];
 }
 
 function CompactOrderCard({
@@ -335,12 +412,19 @@ function CompactOrderCard({
   isCancelling,
   getStatusBadge,
   calculateTotal,
+  getShippingPrice,
   showCancelButton,
   t,
+  orderDeliveries,
 }: CompactOrderCardProps) {
   const total = useMemo(() => calculateTotal(order), [calculateTotal, order]);
   const itemCount = order.orderItems.length;
 
+  const shippingPrice = useMemo(
+    () => getShippingPrice(order),
+    [order, getShippingPrice],
+  );
+
   return (
     <Card className="overflow-hidden transition-all py-2 md:py-4 lg:py-6 hover:shadow-md">
       {/* Compact Header - Always Visible */}
@@ -430,6 +514,20 @@ function CompactOrderCard({
                 <p className="text-sm text-gray-900">{order.shipping_method}</p>
               </div>
             </div>
+
+            <div className="flex items-start gap-3 border-t md:border-t-0 pt-2 md:pt-0">
+              <Banknote className="h-5 w-5 text-orange-500 mt-0.5" />
+              <div>
+                <p className="text-sm font-medium text-gray-700">
+                  {t("shipping_price")}
+                </p>
+                <p className="text-sm font-bold text-green-600">
+                  {shippingPrice === 0
+                    ? t("free")
+                    : `${shippingPrice.toFixed(2)} TMT`}
+                </p>
+              </div>
+            </div>
           </div>
 
           {/* Products List */}
@@ -476,7 +574,22 @@ function CompactOrderCard({
 
           {/* Footer with Total and Actions */}
           <div className="border-t p-4 bg-gray-50">
-            <div className="flex items-center justify-between mb-3">
+            <div className="space-y-2 mb-4">
+              <div className="flex justify-between text-sm text-gray-600">
+                <span>{t("products")}:</span>
+                <span>{(total - shippingPrice).toFixed(2)} TMT</span>
+              </div>
+              <div className="flex justify-between text-sm text-gray-600">
+                <span>{t("shipping_method")}:</span>
+                <span>
+                  {shippingPrice === 0
+                    ? t("free")
+                    : `${shippingPrice.toFixed(2)} TMT`}
+                </span>
+              </div>
+            </div>
+
+            <div className="flex items-center justify-between mb-3 pt-2 border-t">
               <span className="text-base font-semibold text-gray-700">
                 {t("total_price")}:
               </span>
@@ -490,7 +603,7 @@ function CompactOrderCard({
                 variant="destructive"
                 onClick={(e) => {
                   e.stopPropagation();
-                  onCancel(order);
+                  onCancel?.(order);
                 }}
                 disabled={isCancelling}
                 className="w-full cursor-pointer"
diff --git a/i18n/messages/ru.json b/i18n/messages/ru.json
index 0397249..9e508e7 100644
--- a/i18n/messages/ru.json
+++ b/i18n/messages/ru.json
@@ -23,6 +23,7 @@
   "category": "Категория",
   "checkout": "Оформить заказ",
   "price_label": "Цена:",
+  "shipping_price": "Цена доставки",
   "extra_price": "Доп. цена:",
   "discount": "Скидка:",
   "total_price": "Общая цена:",
@@ -46,6 +47,10 @@
   "delivery_type": "Тип доставки",
   "delivery": "Доставка",
   "pickup": "Самовывоз",
+  "standart": "Стандартная",
+  "self_pickup": "Самовывоз",
+  "region": "Çapar ugrat",
+  "free": "Бесплатно",
   "payment_type": "Тип оплаты",
   "cash": "Наличные",
   "card": "Карта",
@@ -82,7 +87,7 @@
   "become_seller": "Стать продавцом",
   "choose_region": "Выберите регион",
   "choose_or_enter_address": "Выберите или введите свой адрес",
-  "note": "Заметка",
+  "note": "Укажите подробнее свой адрес",
   "seller_application_form": "Форма подачи заявления на открытие магазина",
   "phone": "Телефон",
   "unit_price": "Цена за 1 шт.:",
diff --git a/i18n/messages/tm.json b/i18n/messages/tm.json
index 865ac5e..ffce4f3 100644
--- a/i18n/messages/tm.json
+++ b/i18n/messages/tm.json
@@ -1,7 +1,7 @@
 {
   "common": {
     "categories": "Bölümler",
-    "products": "Azyk harytlary",
+    "products": "Harytlar",
     "catalog": "Katalog",
     "search": "Haryt gözleg",
     "orders": "Sargytlar",
@@ -22,6 +22,7 @@
   "category": "Bölümler",
   "checkout": "Sargyt et",
   "price_label": "Baha:",
+  "shipping_price": "Eltip berme bahasy",
   "extra_price": "Goşmaça baha:",
   "discount": "Arzanladyş:",
   "total_price": "Jemi baha:",
@@ -45,10 +46,14 @@
   "delivery_type": "Elip bermek görnüşi",
   "delivery": "Eltip bermek",
   "pickup": "Özüň baryp al",
+  "standart": "Standart",
+  "self_pickup": "Özüm baryp aljak",
+  "region": "Çapar ugrat",
+  "free": "Mugt",
   "payment_type": "Töleg görnüşi",
   "cash": "Nagt",
   "card": "Kartdan tölemek",
-  "choose_address": "Adres saýla",
+  "choose_address": "Etrap saýla",
   "brands": "Brendler",
   "color": "Reňk",
   "price": "Baha",
@@ -78,11 +83,11 @@
   "add_to_cart": "Sebede goş",
 
   "go_to_cart": "Sebede geçmek",
-  "products": "Azyk harytlary",
+  "products": "Harytlar",
   "become_seller": "Satyjy bolmak",
-  "choose_region": "Etrap saýlaň",
+  "choose_region": "Welaýat saýlaň",
   "choose_or_enter_address": "Salgyňyzy saýlaň ýa-da ýazyň",
-  "note": "Bellik",
+  "note": "Adresiňiz barada giňişleýin ýazyň",
   "seller_application_form": "Dükan açmak üçin arza görnüşi",
   "phone": "Telefon",
   "unit_price": "1 san bahasy:",
diff --git a/lib/types/api.ts b/lib/types/api.ts
index a4de73e..bb5e7e4 100644
--- a/lib/types/api.ts
+++ b/lib/types/api.ts
@@ -153,7 +153,8 @@ export interface CartItem {
 }
 
 export interface CartResponse {
-  message?: string;
+  message: string;
+  errorDetails?: string;
   data: CartItem[];
   count?: number;
   total?: number;
@@ -200,6 +201,7 @@ export interface Order {
   id: number;
   status: string;
   shipping_method: string;
+  shipping_price?: number;
   notes: string | null;
   customer_name: string;
   customer_phone: string;
@@ -243,6 +245,7 @@ export interface CreateOrderPayload {
   customer_phone?: string;
   customer_address: string;
   shipping_method: string;
+  shipping_price: number;
   payment_type_id: number;
   delivery_time?: string;
   delivery_at?: string;
@@ -396,6 +399,11 @@ export interface ShippingMethod {
   code: string;
 }
 
+export interface OrderDelivery {
+  name: string;
+  price: number;
+}
+
 // Generic API Error Response
 export interface ApiError {
   message: string;