@myissue/vue-website-page-builder 3.2.90 → 3.2.92

package/src/stores/page-builder-state.ts

@@ -60,7 +60,12 @@ interface PageBuilderState {
   currentPreviewImage: string | null
 
   // User State
+  builderStarted: boolean
+  isLoadingGlobal: boolean
   isSaving: boolean
+  hasLocalDraftForUpdate: boolean
+  isResumeEditing: boolean
+  isRestoring: boolean
 }
 
 export const usePageBuilderStateStore = defineStore('pageBuilderState', {
@@ -116,7 +121,12 @@ export const usePageBuilderStateStore = defineStore('pageBuilderState', {
     currentPreviewImage: null,
 
     // User State
+    builderStarted: false,
+    isLoadingGlobal: false,
     isSaving: false,
+    hasLocalDraftForUpdate: false,
+    isResumeEditing: false,
+    isRestoring: false,
   }),
   getters: {
     // Core Page Builder Getters
@@ -250,7 +260,7 @@ export const usePageBuilderStateStore = defineStore('pageBuilderState', {
       return state.basePrimaryImage
     },
 
-    getConfigPageBuilder(state: PageBuilderState): PageBuilderConfig | null {
+    getPageBuilderConfig(state: PageBuilderState): PageBuilderConfig | null {
       return state.configPageBuilder
     },
 
@@ -263,7 +273,12 @@ export const usePageBuilderStateStore = defineStore('pageBuilderState', {
     },
 
     // User Getters
+    getBuilderStarted: (state: PageBuilderState): boolean => state.builderStarted,
+    getIsLoadingGlobal: (state: PageBuilderState): boolean => state.isLoadingGlobal,
     getIsSaving: (state: PageBuilderState): boolean => state.isSaving,
+    getHasLocalDraftForUpdate: (state: PageBuilderState): boolean => state.hasLocalDraftForUpdate,
+    getIsResumeEditing: (state: PageBuilderState): boolean => state.isResumeEditing,
+    getIsRestoring: (state: PageBuilderState): boolean => state.isRestoring,
   },
   actions: {
     setComponentArrayAddMethod(payload: string | null): void {
@@ -436,7 +451,7 @@ export const usePageBuilderStateStore = defineStore('pageBuilderState', {
       localStorage.setItem('preview', payload)
     },
 
-    applyPageBuilderConfig(payload: PageBuilderConfig | null): void {
+    setPageBuilderConfig(payload: PageBuilderConfig | null): void {
       this.configPageBuilder = payload
     },
 
@@ -449,8 +464,23 @@ export const usePageBuilderStateStore = defineStore('pageBuilderState', {
     },
 
     // User Actions
+    setBuilderStarted(payload: boolean): void {
+      this.builderStarted = payload
+    },
+    setIsLoadingGlobal(payload: boolean): void {
+      this.isLoadingGlobal = payload
+    },
     setIsSaving(payload: boolean): void {
       this.isSaving = payload
     },
+    setHasLocalDraftForUpdate(payload: boolean): void {
+      this.hasLocalDraftForUpdate = payload
+    },
+    setIsResumeEditing(payload: boolean): void {
+      this.isResumeEditing = payload
+    },
+    setIsRestoring(payload: boolean): void {
+      this.isRestoring = payload
+    },
   },
 })

package/src/types/index.ts

@@ -1,8 +1,8 @@
-import type PageBuilderClass from '../composables/PageBuilderClass.ts'
+import type PageBuilderService from '../composables/PageBuilderService.ts'
 
 export interface PageBuilderState {
   // ...other state properties...
-  pageBuilderClass: PageBuilderClass | null
+  PageBuilderService: PageBuilderService | null
   isSaving: boolean
   // etc.
 }
@@ -90,6 +90,96 @@ export interface PageBuilderStateStore {
   [key: string]: unknown
 }
 
+export type FormName =
+  // --- Content ---
+  | 'post'
+  | 'article'
+  | 'blog'
+  | 'news'
+  | 'page'
+  | 'faq'
+  | 'testimonial'
+  | 'case-study'
+  | 'press-release'
+
+  // --- Commerce ---
+  | 'product'
+  | 'products'
+  | 'category'
+  | 'collection'
+  | 'brand'
+  | 'coupon'
+  | 'discount'
+  | 'shop'
+  | 'cart'
+  | 'checkout'
+
+  // --- User / Team ---
+  | 'profile'
+  | 'account'
+  | 'team'
+  | 'team-member'
+  | 'author'
+  | 'customer'
+  | 'user'
+
+  // --- Business / Services ---
+  | 'service'
+  | 'services'
+  | 'package'
+  | 'plan'
+  | 'pricing'
+  | 'subscription'
+
+  // --- Job / Careers ---
+  | 'job'
+  | 'job-listing'
+  | 'career'
+  | 'applicant'
+
+  // --- Events / Scheduling ---
+  | 'event'
+  | 'events'
+  | 'webinar'
+  | 'appointment'
+  | 'reservation'
+  | 'schedule'
+
+  // --- Directory / Listings ---
+  | 'listing'
+  | 'directory'
+  | 'location'
+  | 'vendor'
+  | 'company'
+
+  // --- Media ---
+  | 'gallery'
+  | 'image'
+  | 'video'
+  | 'media'
+  | 'audio'
+  | 'file'
+
+  // --- Support / Feedback ---
+  | 'contact'
+  | 'support'
+  | 'ticket'
+  | 'feedback'
+  | 'review'
+  | 'inquiry'
+  | 'report'
+
+  // --- Misc ---
+  | 'setting'
+  | 'configuration'
+  | 'integration'
+  | 'theme'
+  | 'language'
+  | 'menu'
+  | 'navigation'
+  | 'tag'
+  | 'meta'
+
 // User interfaces
 export interface User {
   name: string
@@ -103,22 +193,22 @@ export interface PageBuilderUser {
 
 // Page Builder Configuration interface
 export interface PageBuilderConfig {
-  updateOrCreate?: {
+  updateOrCreate: {
     formType: 'create' | 'update'
-    formName?: string
+    formName: FormName
   }
   pageBuilderLogo?: { src: string } | null
-  resourceData?: { title: string; id: number } | null
+  resourceData?: { title: string; id?: number } | null
   userForPageBuilder?: { name: string } | null
   [key: string]: unknown
   userSettings?: {
-    theme: 'light' | 'dark' | 'auto'
-    language: string
-    autoSave: boolean
+    theme?: 'light' | 'dark' | 'auto'
+    language?: string
+    autoSave?: boolean
     [key: string]: unknown
   } | null
   settings?: {
-    brandColor: string
+    brandColor?: string
     [key: string]: unknown
   } | null
 }

package/src/helpers/passedPageBuilderConfig.ts

@@ -1,71 +0,0 @@
-import type { PageBuilderConfig } from '../types'
-import { sharedPageBuilderStore } from '../stores/shared-store'
-import PageBuilderClass from '../composables/PageBuilderClass.ts'
-import { isEmptyObject } from './isEmptyObject.ts'
-
-const pageBuilderStateStore = sharedPageBuilderStore
-
-// Initialize PageBuilder with store
-const pageBuilderClass = new PageBuilderClass(pageBuilderStateStore)
-
-export const updateOrCreateIsFalsy = function (config: PageBuilderConfig) {
-  // Case A: updateOrCreate is missing, not an object, has an invalid formType, or is an empty object
-  if (
-    !config.updateOrCreate ||
-    (config.updateOrCreate && typeof config.updateOrCreate.formType !== 'string') ||
-    (config.updateOrCreate && isEmptyObject(config.updateOrCreate))
-  ) {
-    const updatedConfig = {
-      ...config,
-      updateOrCreate: {
-        formType: 'create' as 'create',
-        formName: 'post',
-      },
-    }
-
-    pageBuilderClass.applyPageBuilderConfig(updatedConfig)
-    return true
-  }
-
-  // Case B: formType exists but is not 'create' or 'update', and formName is missing or invalid
-  if (
-    config.updateOrCreate &&
-    typeof config.updateOrCreate.formType === 'string' &&
-    config.updateOrCreate.formType !== 'create' &&
-    config.updateOrCreate.formType !== 'update' &&
-    typeof config.formName !== 'string'
-  ) {
-    const updatedConfig = {
-      ...config,
-      updateOrCreate: {
-        formType: 'create',
-        formName: 'post',
-      },
-    } as const
-
-    pageBuilderClass.applyPageBuilderConfig(updatedConfig)
-    return true
-  }
-
-  // Case C: formType is valid ('create' or 'update'), but formName is missing or an empty string
-  if (
-    (config.updateOrCreate &&
-      typeof config.updateOrCreate.formType === 'string' &&
-      (config.updateOrCreate.formType === 'create' ||
-        config.updateOrCreate.formType === 'update') &&
-      typeof config.updateOrCreate.formName !== 'string') ||
-    (typeof config.updateOrCreate.formName === 'string' &&
-      config.updateOrCreate.formName.length === 0)
-  ) {
-    const updatedConfig = {
-      ...config,
-      updateOrCreate: {
-        formType: config.updateOrCreate.formType,
-        formName: 'post',
-      },
-    }
-
-    pageBuilderClass.applyPageBuilderConfig(updatedConfig)
-    return true
-  }
-}