@osimart/create-storefront 0.0.0-stage → 1.0.0

package/app/composables/useContactForm.js

@@ -0,0 +1,53 @@
+import UserServices from "#osi/services/UserServices";
+import { authBus } from "#osi/services/AuthBus";
+import { useToast } from "vue-toastification";
+import { analytics } from "#osi/utils/analytics";
+
+export function useContactForm() {
+  const isLoading = useState("contact-loading", () => false);
+  const form = useState("contact-form-data", () => ({
+    first_name: "",
+    last_name: "",
+    email: "",
+    subject: "",
+    message: "",
+  }));
+
+  const isLoggedIn = computed(() => authBus.isLoggedIn);
+
+  function autofillUser() {
+    if (authBus.userInfo) {
+      form.value.first_name = authBus.userInfo.first_name || "";
+      form.value.last_name = authBus.userInfo.last_name || "";
+      form.value.email = authBus.userInfo.email || "";
+    }
+  }
+
+  async function submitContact() {
+    const toast = useToast();
+    isLoading.value = true;
+    try {
+      await UserServices.contact(
+        form.value.first_name,
+        form.value.last_name,
+        form.value.email,
+        form.value.subject,
+        form.value.message
+      );
+      toast.success("Message sent successfully");
+      analytics.contact();
+      form.value.subject = "";
+      form.value.message = "";
+    } finally {
+      isLoading.value = false;
+    }
+  }
+
+  return {
+    form,
+    isLoading,
+    isLoggedIn,
+    autofillUser,
+    submitContact,
+  };
+}