schon/storefront/composables/contact/useContactUs.ts
Alexandr SaVBaD Waltz c60ac13e88 Features: 1) Introduce handleDeposit function with validation logic and deposit transaction flow; 2) Add useDeposit composable and balance.vue page for user account balance management; 3) Enhance wishlist and cart functionality with authentication checks and notification improvements;
Fixes: 1) Replace `ElNotification` with `useNotification` across all components and composables; 2) Add missing semicolons, consistent formatting, and type annotations in multiple files; 3) Resolve non-reactive elements in wishlist and cart state management;

Extra: 1) Update i18n translations with new strings for promocodes, balance, authentication, and profile settings; 2) Refactor SCSS styles including variable additions and component-specific tweaks; 3) Remove redundant queries, unused imports, and `storePage.ts` file for cleanup.
2025-07-08 23:41:31 +03:00

54 lines
No EOL
1.2 KiB
TypeScript

import {isGraphQLError} from "~/utils/error";
import type {IContactUsResponse} from "~/types";
import {CONTACT_US} from "~/graphql/mutations/contact";
import {useNotification} from "~/composables/notification";
export function useContactUs() {
const {t} = useI18n();
const { mutate, loading, error } = useMutation<IContactUsResponse>(CONTACT_US);
async function contactUs(
name: string,
email: string,
phoneNumber: string,
subject: string,
message: string
) {
const result = await mutate({
name,
email,
phoneNumber,
subject,
message
});
if (result?.data?.contactUs.received) {
useNotification({
message: t('popup.success.contactUs'),
type: 'success'
});
}
}
watch(error, (err) => {
if (!err) return;
console.error('useContactUs error:', err);
let message = t('popup.errors.defaultError');
if (isGraphQLError(err)) {
message = err.graphQLErrors?.[0]?.message || message;
} else {
message = err.message;
}
useNotification({
message,
type: 'error',
title: t('popup.errors.main')
});
});
return {
contactUs,
loading
};
}