@crm-market/template-shared 1.0.7 → 1.0.8

package/composables/useCheckout.ts

@@ -1,132 +1,339 @@
 import { ref } from 'vue';
-import { useCart } from './useCart';
+import { getApiBaseUrl } from '../utils/api';
 import { useSiteConfig } from './useSiteConfig';
 
-interface ShippingAddress {
-  firstName: string;
-  lastName: string;
-  email: string;
-  phone: string;
-  address: string;
-  city: string;
-  postalCode: string;
-  country: string;
-  notes?: string;
+// Способи доставки та оплати, що приходять від бекенда (лише активні в продавця)
+export interface PickupPoint {
+  name: string;
+  city?: string;
+  address?: string;
+  workingHours?: string;
 }
-
-interface OrderData {
-  items: Array<{
-    productId: string;
-    quantity: number;
-    price: number;
-  }>;
-  shippingAddress: ShippingAddress;
-  paymentMethod: string;
-  deliveryMethod?: string;
-  totalAmount: number;
+export interface DeliveryOption {
+  provider?: string;
+  value?: string;
+  label?: string;
+  time?: string;
+  price?: number;
+  courierDeliveryPrice?: number;
+  points?: PickupPoint[];
+}
+export interface OnlineProvider {
+  provider: string;
+  label: string;
+}
+export interface CheckoutOptions {
   organizationId: string;
+  delivery: DeliveryOption[];
+  payment: { cashOnDelivery: boolean; online: boolean; onlineProviders?: OnlineProvider[] };
+}
+
+// Застосований промокод (результат POST promo-code/validate)
+export interface AppliedPromo {
+  code: string;
+  discountAmount: number;
+  freeShipping: boolean;
+  /** Знижка на замовлення в цілому чи на окремі товари */
+  appliesTo: 'order' | 'items';
+  itemDiscounts: { productId: string; amount: number }[];
+  /** Код персональний — сервер перевіряє його для email/телефону покупця */
+  requiresBuyer: boolean;
+}
+export interface PromoBuyer {
+  email?: string;
+  phone?: string;
 }
+export interface PromoValidation {
+  valid: boolean;
+  message?: string;
+  discountAmount?: number;
+  freeShipping?: boolean;
+  code?: string;
+  appliesTo?: 'order' | 'items';
+  itemDiscounts?: { productId: string; amount: number }[];
+  requiresBuyer?: boolean;
+}
+
+// Підсумок створеного замовлення для сторінки order-success (sessionStorage, лише відображення)
+export interface OrderResultSummary {
+  orderId: string;
+  discount: number;
+  promoCode: string;
+  total: number | null;
+}
+const LAST_ORDER_KEY = 'lastOrderSummary';
+
+const PROVIDER_LABELS: Record<string, string> = {
+  nova_poshta: 'Нова Пошта',
+  ukrposhta: 'Укрпошта',
+  courier: "Кур'єр",
+  meest: 'Meest',
+  pickup: 'Самовивіз',
+};
+// Лише Нова Пошта має флоу «місто → відділення»; Укрпошта — адресна (з індексом)
+const WAREHOUSE_PROVIDERS = ['nova_poshta'];
+const NEEDS_POSTCODE = ['ukrposhta'];
+// Валідні значення DeliveryMethodEnum на бекенді
+const VALID_DELIVERY = ['pickup', 'courier', 'post', 'express', 'ukrposhta', 'nova_poshta'];
+
+// Стан спільний між компонентами оформлення (форма, доставка, підсумок)
+const options = ref<CheckoutOptions | null>(null);
+const loadingOptions = ref(false);
+const cities = ref<any[]>([]);
+const searchingCities = ref(false);
+const citiesError = ref(''); // помилка пошуку міст (API перевізника недоступне / ключ невалідний)
+const warehouses = ref<any[]>([]);
+const loadingWarehouses = ref(false);
+const submitting = ref(false);
+const errorMsg = ref('');
+const errorCode = ref('');
+const promo = ref<AppliedPromo | null>(null);
+const promoChecking = ref(false);
+const promoError = ref('');
+// Код, який відхилив сервер при створенні замовлення (щоб повернути його в поле)
+const promoFromOrder = ref('');
 
-const loading = ref(false);
-const error = ref<string | null>(null);
-const orderId = ref<string | null>(null);
+// Помилка створення замовлення стосується промокоду?
+const isPromoError = (code: string, text: string) =>
+  /promo|coupon|discount/i.test(code) || /промокод|promo|код|використан|мінімальн/i.test(text);
+
+// Сума знижки з відповіді бека: число або об'єкт { amount | value }
+const toAmount = (v: any): number => {
+  const n = Number(typeof v === 'object' && v !== null ? v.amount ?? v.value ?? v.total : v);
+  return Number.isFinite(n) && n > 0 ? n : 0;
+};
 
 export const useCheckout = () => {
-  const { cart, clearCart } = useCart();
-  const { organizationId } = useSiteConfig();
-
-  // Submit order
-  const submitOrder = async (
-    shippingAddress: ShippingAddress,
-    paymentMethod: string,
-    deliveryMethod?: string
-  ) => {
-    loading.value = true;
-    error.value = null;
+  const { publicApiToken } = useSiteConfig();
+  const baseURL = getApiBaseUrl();
+  const authHeaders = () => (publicApiToken.value ? { 'X-Store-Token': publicApiToken.value } : {});
+
 
+  const loadOptions = async () => {
+    if (options.value) return options.value;
+    loadingOptions.value = true;
     try {
-      const orderData: OrderData = {
-        items: cart.value.items.map(item => ({
-          productId: item.productId,
-          quantity: item.quantity,
-          price: item.discountPrice || item.price,
-        })),
-        shippingAddress,
-        paymentMethod,
-        deliveryMethod,
-        totalAmount: cart.value.items.reduce(
-          (sum, item) => sum + (item.discountPrice || item.price) * item.quantity,
-          0
-        ),
-        organizationId: organizationId.value!,
+      options.value = await $fetch<CheckoutOptions>('/site-template/public/store/checkout-options', {
+        baseURL,
+        headers: authHeaders(),
+      });
+    } catch {
+      // Фолбек: лишаємо післяплату, щоб оформлення не блокувалось
+      options.value = {
+        organizationId: '',
+        delivery: [],
+        payment: { cashOnDelivery: true, online: false, onlineProviders: [] },
       };
+    } finally {
+      loadingOptions.value = false;
+    }
+    return options.value;
+  };
 
-      const response = await $fetch<{ id: string }>('/order', {
-        method: 'POST',
-        baseURL: getApiBaseUrl(),
-        body: orderData,
+  const providerLabel = (p: string) => PROVIDER_LABELS[p] || p;
+  const hasWarehouseFlow = (p: string) => WAREHOUSE_PROVIDERS.includes(p);
+  const needsPostcode = (p: string) => NEEDS_POSTCODE.includes(p);
+  const normalizeDelivery = (p: string) => (VALID_DELIVERY.includes(p) ? p : 'courier');
+
+  // ── Пошук міст ──
+  const searchCities = async (provider: string, q: string) => {
+    const orgId = options.value?.organizationId;
+    if (!orgId || !q || q.trim().length < 2) {
+      cities.value = [];
+      return;
+    }
+    searchingCities.value = true;
+    citiesError.value = '';
+    try {
+      const res = await $fetch<any>(`/delivery/cities/${orgId}/${provider}`, {
+        baseURL,
+        params: { search: q.trim() },
       });
+      cities.value = Array.isArray(res) ? res : res?.cities || [];
+    } catch {
+      cities.value = [];
+      // Показуємо покупцю зрозумілу причину замість мовчазного порожнього списку
+      citiesError.value = 'Не вдалося завантажити список міст. Спробуйте ще раз або оберіть інший спосіб доставки.';
+    } finally {
+      searchingCities.value = false;
+    }
+  };
 
-      orderId.value = response.id;
-      clearCart();
-      return response;
-    } catch (e: any) {
-      error.value = e.message || 'Failed to submit order';
-      console.error('Error submitting order:', e);
-      throw e;
+  // ── Відділення обраного міста ──
+  const loadWarehouses = async (provider: string, cityRef: string) => {
+    const orgId = options.value?.organizationId;
+    if (!orgId || !cityRef) {
+      warehouses.value = [];
+      return;
+    }
+    loadingWarehouses.value = true;
+    try {
+      const res = await $fetch<any>(`/delivery/warehouses/${orgId}/${provider}/${cityRef}`, { baseURL });
+      warehouses.value = Array.isArray(res) ? res : res?.warehouses || [];
+    } catch {
+      warehouses.value = [];
     } finally {
-      loading.value = false;
+      loadingWarehouses.value = false;
     }
   };
 
-  // Get order by ID
-  const getOrder = async (id: string) => {
-    loading.value = true;
-    error.value = null;
+  // ── Онлайн-оплата: повертає { paymentUrl } ──
+  const payOrder = async (orderId: string, provider?: string) => {
+    const origin = typeof window !== 'undefined' ? window.location.origin : '';
+    const resultUrl = origin ? `${origin}/order-success?paid=1&order=${orderId}` : undefined;
+    return await $fetch<any>(`/site-template/public/store/order/${orderId}/pay`, {
+      method: 'POST',
+      baseURL,
+      headers: authHeaders(),
+      body: { successUrl: resultUrl, failureUrl: resultUrl, provider },
+    });
+  };
+
+  const fetchOrderStatus = async (orderId: string) =>
+    await $fetch<any>(`/site-template/public/store/order/${orderId}/status`, {
+      baseURL,
+      headers: authHeaders(),
+    });
 
+  // ── Промокод: перевірка на сервері (сума знижки рахується там же) ──
+  const validatePromo = async (
+    code: string,
+    items: { productId: string; quantity: number }[],
+    buyer?: PromoBuyer,
+  ): Promise<PromoValidation> => {
+    const clean = code.trim();
+    if (!clean) return { valid: false };
+    promoChecking.value = true;
+    promoError.value = '';
     try {
-      const response = await $fetch(`/order/${id}`, {
-        baseURL: getApiBaseUrl(),
+      const res = await $fetch<PromoValidation>('/site-template/public/store/promo-code/validate', {
+        method: 'POST',
+        baseURL,
+        headers: authHeaders(),
+        body: { code: clean, items, ...(buyer && (buyer.email || buyer.phone) ? { buyer } : {}) },
       });
-
-      return response;
+      if (res?.valid) {
+        promo.value = {
+          code: String(res.code || clean),
+          discountAmount: toAmount(res.discountAmount),
+          freeShipping: !!res.freeShipping,
+          appliesTo: res.appliesTo === 'items' ? 'items' : 'order',
+          itemDiscounts: Array.isArray(res.itemDiscounts)
+            ? res.itemDiscounts.map((d) => ({ productId: String(d.productId), amount: toAmount(d.amount) }))
+            : [],
+          requiresBuyer: !!res.requiresBuyer,
+        };
+      } else {
+        promo.value = null;
+        promoError.value = res?.message || '';
+      }
+      return res || { valid: false };
     } catch (e: any) {
-      error.value = e.message || 'Failed to load order';
-      console.error('Error loading order:', e);
-      throw e;
+      promo.value = null;
+      const msg = e?.data?.message;
+      promoError.value = Array.isArray(msg) ? msg.join(', ') : typeof msg === 'string' ? msg : '';
+      return { valid: false, message: promoError.value };
     } finally {
-      loading.value = false;
+      promoChecking.value = false;
     }
   };
 
-  // Validate checkout data
-  const validateCheckout = (shippingAddress: ShippingAddress) => {
-    const errors: string[] = [];
+  const clearPromo = () => {
+    promo.value = null;
+    promoError.value = '';
+    promoFromOrder.value = '';
+  };
 
-    if (!shippingAddress.firstName) errors.push('First name is required');
-    if (!shippingAddress.lastName) errors.push('Last name is required');
-    if (!shippingAddress.email) errors.push('Email is required');
-    if (!shippingAddress.phone) errors.push('Phone is required');
-    if (!shippingAddress.address) errors.push('Address is required');
-    if (!shippingAddress.city) errors.push('City is required');
-    if (!shippingAddress.postalCode) errors.push('Postal code is required');
+  // Підсумок замовлення для order-success (сервер — джерело правди: знижку беремо з відповіді)
+  const rememberOrderResult = (order: any) => {
+    const orderId = String(order?.orderId || order?.id || '');
+    if (!orderId) return;
+    const total = Number(order?.total ?? order?.totalAmount ?? order?.totalPrice);
+    const summary: OrderResultSummary = {
+      orderId,
+      discount: toAmount(order?.discount ?? order?.discountAmount),
+      promoCode: typeof order?.promoCode === 'string' ? order.promoCode : order?.promoCode?.code || '',
+      total: Number.isFinite(total) && total > 0 ? total : null,
+    };
+    try { sessionStorage.setItem(LAST_ORDER_KEY, JSON.stringify(summary)); } catch {}
+  };
 
-    if (cart.value.items.length === 0) {
-      errors.push('Cart is empty');
+  const readOrderResult = (orderId: string): OrderResultSummary | null => {
+    try {
+      const s = JSON.parse(sessionStorage.getItem(LAST_ORDER_KEY) || 'null');
+      return s && s.orderId === orderId ? s : null;
+    } catch {
+      return null;
     }
+  };
 
-    return {
-      valid: errors.length === 0,
-      errors,
-    };
+  // ── Створення замовлення (ціни рахує сервер) ──
+  const submitOrder = async (payload: Record<string, any>) => {
+    submitting.value = true;
+    errorMsg.value = '';
+    errorCode.value = '';
+    promoFromOrder.value = '';
+    try {
+      const order = await $fetch<any>('/site-template/public/store/order', {
+        method: 'POST',
+        baseURL,
+        headers: authHeaders(),
+        body: payload,
+      });
+      // Umami: конверсія «замовлення оформлено» (тихо ігноруємо, якщо трекер не завантажився)
+      try {
+        (window as any)?.umami?.track('order-created', { orderNumber: order?.orderNumber || '' });
+      } catch {}
+      rememberOrderResult(order);
+      return order;
+    } catch (e: any) {
+      const data = e?.data;
+      errorCode.value = data?.code || (data?.message && data.message.code) || '';
+      const msg = data?.message;
+      const text = Array.isArray(msg) ? msg.join(', ') : typeof msg === 'string' ? msg : '';
+      // 400 через промокод (прострочений, ліміт, не той покупець, мінімальна сума) —
+      // показуємо біля поля промокоду, а не загальною помилкою
+      const status = e?.statusCode || e?.status || e?.response?.status;
+      if (payload.promoCode && status === 400 && isPromoError(errorCode.value, text)) {
+        promo.value = null;
+        promoError.value = text || 'Промокод недійсний';
+        promoFromOrder.value = String(payload.promoCode);
+      } else {
+        errorMsg.value = text;
+      }
+      throw e;
+    } finally {
+      submitting.value = false;
+    }
   };
 
   return {
-    loading,
-    error,
-    orderId,
+    options,
+    citiesError,
+    loadOptions,
+    loadingOptions,
+    providerLabel,
+    hasWarehouseFlow,
+    needsPostcode,
+    normalizeDelivery,
+    cities,
+    searchCities,
+    searchingCities,
+    warehouses,
+    loadWarehouses,
+    loadingWarehouses,
+    submitting,
+    errorMsg,
+    errorCode,
     submitOrder,
-    getOrder,
-    validateCheckout,
+    payOrder,
+    fetchOrderStatus,
+    promo,
+    promoChecking,
+    promoError,
+    promoFromOrder,
+    validatePromo,
+    clearPromo,
+    readOrderResult,
   };
 };

package/composables/useContactForm.ts

@@ -0,0 +1,57 @@
+import { ref } from 'vue';
+import { getApiBaseUrl } from '../utils/api';
+
+/**
+ * Відправка звернення з форми «Напишіть нам»:
+ * POST /site-template/public/store/contact із store-токеном (X-Store-Token).
+ */
+export const useContactForm = () => {
+  const { publicApiToken } = useSiteConfig();
+  const { t } = useI18n();
+  const form = ref({ name: '', email: '', phone: '', message: '' });
+  const loading = ref(false);
+  const sent = ref(false);
+  const error = ref('');
+
+  const isEmail = (v: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
+  const isPhone = (v: string) => /^\+?[\d\s()-]{9,18}$/.test(v);
+
+  const submit = async () => {
+    error.value = '';
+    const name = form.value.name.trim();
+    const email = form.value.email.trim();
+    const phone = form.value.phone.trim();
+    const message = form.value.message.trim();
+    // Контракт бека (StorefrontContactDto): name, email і message обов'язкові, phone опційний
+    if (!name || !email || !message) {
+      error.value = t('pages.contact.errRequired');
+      return;
+    }
+    if (!isEmail(email)) {
+      error.value = t('pages.contact.errEmail');
+      return;
+    }
+    if (phone && !isPhone(phone)) {
+      error.value = t('pages.contact.errPhone');
+      return;
+    }
+    loading.value = true;
+    try {
+      await $fetch('/site-template/public/store/contact', {
+        method: 'POST',
+        baseURL: getApiBaseUrl(),
+        headers: publicApiToken.value ? { 'X-Store-Token': publicApiToken.value } : {},
+        body: { name, email, phone: phone || undefined, message },
+      });
+      sent.value = true;
+      form.value = { name: '', email: '', phone: '', message: '' };
+    } catch (e: any) {
+      const msg = e?.data?.message;
+      error.value = Array.isArray(msg) ? msg.join(', ') : msg || t('pages.contact.errSend');
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  return { form, loading, sent, error, submit };
+};