Update

2025-07-01 20:54:26 +08:00
parent 70898ccd4c
commit 79e7d7a49e
42 changed files with 2742 additions and 97 deletions
--- a/resources/js/stores/PricingStore.js
+++ b/resources/js/stores/PricingStore.js
@@ -0,0 +1,95 @@
+import axiosInstance from '@/plugins/axios-plugin';
+import { mountStoreDevtool } from 'simple-zustand-devtools';
+import { toast } from 'sonner';
+import { route } from 'ziggy-js';
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+
+const usePricingStore = create(
+    devtools((set, get) => ({
+        // Pricing Plans
+        subscription: null,
+        one_times: [],
+        isFetchingPricing: false,
+
+        isCheckingOut: false,
+
+        checkoutSubscribe: async (price_id) => {
+            console.log('checkoutSubscribe', price_id);
+
+            set({ isCheckingOut: true });
+            try {
+                const response = await axiosInstance.post(route('api.user.subscribe'), { price_id: price_id });
+
+                if (response?.data?.success?.data) {
+                    if (response.data.success.data.redirect) {
+                        window.location.href = response.data.success.data.redirect;
+                    }
+                } else {
+                    throw 'Invalid API response';
+                }
+            } catch (error) {
+                console.error(route('api.user.subscribe'));
+                console.error('Error fetching:', error);
+                set({ isCheckingOut: false });
+                if (error?.response?.data?.error?.message?.length > 0) {
+                    toast.error(error.response.data.error.message);
+                }
+                throw error;
+            } finally {
+                set({ isCheckingOut: false });
+            }
+        },
+
+        // Fetch backgrounds
+        fetchPricing: async () => {
+            set({ isFetchingPricing: true });
+            try {
+                const response = await axiosInstance.post(route('api.pricing_page'));
+
+                if (response?.data?.success?.data) {
+                    set({
+                        subscription: response.data.success.data.subscription,
+                        one_times: response.data.success.data.one_times,
+                    });
+                    return response.data.success.data;
+                } else {
+                    throw 'Invalid API response';
+                }
+            } catch (error) {
+                console.error(route('api.pricing_page'));
+                console.error('Error fetching:', error);
+                set({ isFetchingPricing: false });
+                if (error?.response?.data?.error?.message?.length > 0) {
+                    toast.error(error.response.data.error.message);
+                }
+                throw error;
+            } finally {
+                set({ isFetchingPricing: false });
+            }
+        },
+
+        // Reset store to default state
+        restoreMemeStateToDefault: () => {
+            console.log('restoreMemeStateToDefault');
+            set({
+                memes: [],
+                backgrounds: [],
+                isFetchingMemes: false,
+                isFetchingBackgrounds: false,
+                selectedMeme: null,
+                selectedBackground: null,
+            });
+        },
+    })),
+    {
+        name: 'MemeStore',
+        store: 'MemeStore',
+    },
+);
+
+if (import.meta.env.APP_ENV === 'local') {
+    mountStoreDevtool('PricingStore', usePricingStore);
+}
+
+export default usePricingStore;