refactor: move spa to frontend folder

2025-10-27 12:32:38 +03:00
parent 617b5491a1
commit 5681ac592a
77 changed files with 13 additions and 2 deletions
--- a/frontend/spa/src/stores/CheckoutStore.js
+++ b/frontend/spa/src/stores/CheckoutStore.js
@@ -0,0 +1,114 @@
+import {defineStore} from "pinia";
+import {isNotEmpty} from "@/helpers.js";
+import {storeOrder} from "@/utils/ftch.js";
+import {useCartStore} from "@/stores/CartStore.js";
+import {YA_METRIKA_GOAL} from "@/constants/yaMetrikaGoals.js";
+import {useYaMetrikaStore} from "@/stores/yaMetrikaStore.js";
+import {useSettingsStore} from "@/stores/SettingsStore.js";
+
+export const useCheckoutStore = defineStore('checkout', {
+    state: () => ({
+        customer: {
+            firstName: "",
+            lastName: "",
+            email: "",
+            phone: "",
+            address: "",
+            comment: "",
+            tgData: null,
+        },
+
+        order: null,
+
+        isLoading: false,
+        validationErrors: {},
+    }),
+
+    getters: {
+        hasError: (state) => {
+            return (field) => isNotEmpty(state.validationErrors[field]);
+        },
+    },
+
+    actions: {
+        async makeOrder() {
+            try {
+                this.isLoading = true;
+                const data = window.Telegram.WebApp.initDataUnsafe;
+
+                console.log("Allows write to PM: ", data.user.allows_write_to_pm);
+
+                if (! data.user.allows_write_to_pm) {
+                    console.log("Sending request");
+                    const granted = await new Promise(resolve => {
+                        window.Telegram.WebApp.requestWriteAccess((granted) => {
+                            resolve(granted);
+                        });
+                    });
+
+                    if (granted) {
+                        data.user.allows_write_to_pm = true;
+                        console.log('Пользователь разрешил отправку сообщений');
+                    } else {
+                        alert('Вы не дали разрешение — бот не сможет отправлять вам уведомления');
+                    }
+                }
+
+                this.customer.tgData = data;
+
+                const response = await storeOrder(this.customer);
+                this.order = response.data;
+
+                if (! this.order.id) {
+                    console.debug(response.data);
+                    throw new Error('Ошибка создания заказа.');
+                }
+
+                const yaMetrika = useYaMetrikaStore();
+                yaMetrika.reachGoal(YA_METRIKA_GOAL.ORDER_CREATED_SUCCESS, {
+                    price: this.order?.final_total_numeric,
+                    currency: this.order?.currency,
+                });
+                yaMetrika.dataLayerPush({
+                    "ecommerce": {
+                        "currencyCode": useSettingsStore().currency_code,
+                        "purchase": {
+                            "actionField": {
+                                "id": this.order.id,
+                                'revenue': this.order?.final_total_numeric,
+                            },
+                            "products": this.order.products ? this.order.products.map((product, index) => {
+                                return {
+                                    id: product.product_id,
+                                    name: product.name,
+                                    price: product.total_numeric,
+                                    position: index,
+                                    quantity: product.quantity,
+                                };
+                            }) : [],
+                        }
+                    }
+                });
+
+                await window.Telegram.WebApp.HapticFeedback.notificationOccurred('success');
+                await useCartStore().getProducts();
+            } catch (error) {
+                if (error.response?.status === 422) {
+                    this.validationErrors = error.response._data.data;
+                } else {
+                    console.error('Server error', error);
+                }
+
+                window.Telegram.WebApp.HapticFeedback.notificationOccurred('error');
+
+                throw error;
+            } finally {
+                this.isLoading = false;
+            }
+        },
+
+        clearError(field) {
+            this.validationErrors[field] = null;
+        },
+    },
+});