ingeniuscliq-core 0.5.21 → 0.5.22

package/dist/classes/CoreBaseBuilder.d.ts

@@ -0,0 +1,67 @@
+import { CoreBuilder } from './CoreBuilder';
+/**
+ * Base builder class with extensibility hooks
+ * Provides a pattern for extending store state and actions without duplicating code
+ * @template TStore - The type of the store state that will be built
+ */
+export declare abstract class CoreBaseBuilder<TStore> implements CoreBuilder {
+    abstract build(): any;
+    /**
+     * Hook method to get the base store state
+     * Implement this in child classes to define the core state and actions
+     * @param set - Zustand set function
+     * @param get - Zustand get function
+     * @returns Object with base state and actions
+     */
+    protected abstract getBaseState(set: any, get: any): TStore;
+    /**
+     * Hook method to allow extending initial state
+     * Override this in child classes to add custom properties to the store state
+     * @returns Object with additional state properties
+     * @example
+     * protected extendInitialState() {
+     *   return {
+     *     customProp: 'default value',
+     *     anotherProp: 0
+     *   };
+     * }
+     */
+    protected extendInitialState(): Partial<TStore>;
+    /**
+     * Hook method to allow extending store actions
+     * Override this in child classes to add custom methods to the store
+     * @param set - Zustand set function
+     * @param get - Zustand get function
+     * @returns Object with additional actions/methods
+     * @example
+     * protected extendActions(set: any, get: any) {
+     *   return {
+     *     setCustomProp: (value: string) => set({ customProp: value }),
+     *     getCustomProp: () => get().customProp
+     *   };
+     * }
+     */
+    protected extendActions(set: any, get: any): Partial<TStore>;
+    /**
+     * Hook method to allow extending partialize storage
+     * Override this in child classes to persist custom properties
+     * @param state - Current store state
+     * @returns Object with properties to persist
+     * @example
+     * protected extendPartialize(state: any) {
+     *   return {
+     *     customProp: state.customProp
+     *   };
+     * }
+     */
+    protected extendPartialize(state: TStore): Record<string, any>;
+    /**
+     * Combines base state with extended state and actions
+     * This method should be called inside the store creation function
+     * @param set - Zustand set function
+     * @param get - Zustand get function
+     * @returns Complete store state with base + extended properties
+     */
+    protected buildStoreState(set: any, get: any): TStore;
+}
+//# sourceMappingURL=CoreBaseBuilder.d.ts.map

package/dist/classes/CoreBaseBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreBaseBuilder.d.ts","sourceRoot":"","sources":["../../src/classes/CoreBaseBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;GAIG;AACH,8BAAsB,eAAe,CAAC,MAAM,CAAE,YAAW,WAAW;IAChE,QAAQ,CAAC,KAAK,IAAI,GAAG;IAErB;;;;;;OAMG;IACH,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM;IAE3D;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,kBAAkB,IAAI,OAAO,CAAC,MAAM,CAAC;IAI/C;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;IAI5D;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAI9D;;;;;;OAMG;IACH,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM;CAOxD"}

package/dist/classes/CoreBaseBuilder.js

@@ -0,0 +1,65 @@
+class CoreBaseBuilder {
+  /**
+   * Hook method to allow extending initial state
+   * Override this in child classes to add custom properties to the store state
+   * @returns Object with additional state properties
+   * @example
+   * protected extendInitialState() {
+   *   return {
+   *     customProp: 'default value',
+   *     anotherProp: 0
+   *   };
+   * }
+   */
+  extendInitialState() {
+    return {};
+  }
+  /**
+   * Hook method to allow extending store actions
+   * Override this in child classes to add custom methods to the store
+   * @param set - Zustand set function
+   * @param get - Zustand get function
+   * @returns Object with additional actions/methods
+   * @example
+   * protected extendActions(set: any, get: any) {
+   *   return {
+   *     setCustomProp: (value: string) => set({ customProp: value }),
+   *     getCustomProp: () => get().customProp
+   *   };
+   * }
+   */
+  extendActions(set, get) {
+    return {};
+  }
+  /**
+   * Hook method to allow extending partialize storage
+   * Override this in child classes to persist custom properties
+   * @param state - Current store state
+   * @returns Object with properties to persist
+   * @example
+   * protected extendPartialize(state: any) {
+   *   return {
+   *     customProp: state.customProp
+   *   };
+   * }
+   */
+  extendPartialize(state) {
+    return {};
+  }
+  /**
+   * Combines base state with extended state and actions
+   * This method should be called inside the store creation function
+   * @param set - Zustand set function
+   * @param get - Zustand get function
+   * @returns Complete store state with base + extended properties
+   */
+  buildStoreState(set, get) {
+    return {
+      ...this.getBaseState(set, get),
+      ...this.extendInitialState(),
+      ...this.extendActions(set, get)
+    };
+  }
+}
+
+export { CoreBaseBuilder };

package/dist/classes/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CoreBuilder';
+export * from './CoreBaseBuilder';
 //# sourceMappingURL=index.d.ts.map

package/dist/classes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/classes/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/classes/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export { CoreBuilder } from './classes/CoreBuilder.js';
+export { CoreBaseBuilder } from './classes/CoreBaseBuilder.js';
 export { api, ensureCsrfToken, initAxiosConfigs } from './helpers/axiosGlobal.js';
 export { capitalizeFirstLetter } from './helpers/strings.js';
 export { getImageUrlByTenant } from './helpers/image.js';

package/dist/modules/CoreAuth/classes/CoreAuthBuilder.d.ts

@@ -1,10 +1,11 @@
 import { CoreAuthBaseService } from '../services/base';
 import { CoreUser, CoreAuthStore } from '../types/CoreAuth';
-import { CoreBuilder } from '../../../classes/CoreBuilder';
-export declare class CoreAuthBuilder<T extends CoreUser> implements CoreBuilder {
+import { CoreBaseBuilder } from '../../../classes/CoreBaseBuilder';
+export declare class CoreAuthBuilder<T extends CoreUser> extends CoreBaseBuilder<CoreAuthStore<T>> {
     protected authService: CoreAuthBaseService<T>;
     protected initialState: Pick<CoreAuthStore<T>, "user" | "isAuthenticated" | "loading" | "error">;
     constructor(authService?: CoreAuthBaseService<T>, initialState?: Partial<CoreAuthStore<T>>);
+    protected getBaseState(set: any, get: any): CoreAuthStore<T>;
     build(): import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<CoreAuthStore<T>>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<CoreAuthStore<T>, {

package/dist/modules/CoreAuth/classes/CoreAuthBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreAuthBuilder.d.ts","sourceRoot":"","sources":["../../../../src/modules/CoreAuth/classes/CoreAuthBuilder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAiD,MAAM,mBAAmB,CAAC;AAEhH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,qBAAa,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAE,YAAW,WAAW;IACrE,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,SAAS,CAAC,YAAY,EAKjB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;gBAG5E,WAAW,GAAE,mBAAmB,CAAC,CAAC,CAAgC,EAClE,YAAY,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAQnC,KAAK;;;;;;;;;;;;;;;;;CAwLb"}
+{"version":3,"file":"CoreAuthBuilder.d.ts","sourceRoot":"","sources":["../../../../src/modules/CoreAuth/classes/CoreAuthBuilder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAiD,MAAM,mBAAmB,CAAC;AAEhH,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,qBAAa,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAE,SAAQ,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACxF,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,SAAS,CAAC,YAAY,EAKjB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;gBAG5E,WAAW,GAAE,mBAAmB,CAAC,CAAC,CAAgC,EAClE,YAAY,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAS1C,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC;IA8KrD,KAAK;;;;;;;;;;;;;;;;;CAeb"}

package/dist/modules/CoreAuth/classes/CoreAuthBuilder.js

@@ -1,8 +1,9 @@
 import { create } from 'zustand';
 import { persist } from '../../../node_modules/zustand/esm/middleware.js';
 import { CoreAuthBaseService } from '../services/base.js';
+import { CoreBaseBuilder } from '../../../classes/CoreBaseBuilder.js';
 
-class CoreAuthBuilder {
+class CoreAuthBuilder extends CoreBaseBuilder {
   authService;
   initialState = {
     user: null,
@@ -11,164 +12,169 @@ class CoreAuthBuilder {
     error: null
   };
   constructor(authService = new CoreAuthBaseService(), initialState) {
+    super();
     this.authService = authService;
     if (initialState) {
       this.initialState = { ...this.initialState, ...initialState };
     }
   }
+  getBaseState(set, get) {
+    return {
+      ...this.initialState,
+      // Setters
+      setUser: (user) => {
+        set({
+          user,
+          isAuthenticated: user !== null
+        });
+      },
+      setLoading: (loading) => set({ loading }),
+      setError: (error) => set({ error }),
+      // Getters
+      getUser: async () => {
+        try {
+          set({ loading: true, error: null });
+          const response = await this.authService.getUser();
+          const userData = response.data.data.user;
+          set({
+            user: userData,
+            isAuthenticated: true,
+            loading: false
+          });
+          return response.data;
+        } catch (error) {
+          set({
+            user: null,
+            isAuthenticated: false,
+            loading: false,
+            error
+          });
+        }
+      },
+      // Actions
+      login: async (credentials, actions) => {
+        const { onSuccess = () => {
+        }, onError = () => {
+        }, onFinish = () => {
+        } } = actions || {};
+        try {
+          set({ loading: true, error: null });
+          const response = await this.authService.login(credentials);
+          await get().getUser();
+          onSuccess(response);
+          return response.data;
+        } catch (error) {
+          set({
+            user: null,
+            isAuthenticated: false,
+            loading: false,
+            error
+          });
+          onError(error);
+        } finally {
+          onFinish();
+        }
+      },
+      register: async (credentials, actions) => {
+        const { onSuccess = () => {
+        }, onError = () => {
+        }, onFinish = () => {
+        } } = actions || {};
+        try {
+          set({ loading: true, error: null });
+          const response = await this.authService.register(credentials);
+          await get().getUser();
+          onSuccess(response);
+          return response.data;
+        } catch (error) {
+          set({
+            user: null,
+            isAuthenticated: false,
+            loading: false,
+            error
+          });
+          onError(error);
+        } finally {
+          onFinish();
+        }
+      },
+      logout: async (actions) => {
+        const { onSuccess = () => {
+        }, onError = () => {
+        }, onFinish = () => {
+        } } = actions || {};
+        try {
+          set({ loading: true, error: null });
+          await this.authService.logout();
+          set({
+            user: null,
+            isAuthenticated: false,
+            loading: false,
+            error: null
+          });
+          onSuccess(null);
+        } catch (error) {
+          set({ loading: false, error });
+          onError(error);
+        } finally {
+          onFinish();
+        }
+      },
+      updateUser: async (userId, updateUserData, actions) => {
+        const { onSuccess = () => {
+        }, onError = () => {
+        }, onFinish = () => {
+        } } = actions || {};
+        try {
+          set({ loading: true, error: null });
+          const response = await this.authService.updateUser(userId, updateUserData);
+          await get().getUser();
+          onSuccess(response);
+          return response.data;
+        } catch (error) {
+          set({ loading: false, error });
+          onError(error);
+        } finally {
+          onFinish();
+        }
+      },
+      deleteUser: async (userId, actions) => {
+        const { onSuccess = () => {
+        }, onError = () => {
+        }, onFinish = () => {
+        } } = actions || {};
+        try {
+          set({ loading: true, error: null });
+          const response = await this.authService.deleteUser(userId);
+          set({
+            user: null,
+            isAuthenticated: false,
+            loading: false,
+            error: null
+          });
+          onSuccess(response);
+          return response.data;
+        } catch (error) {
+          set({ loading: false, error });
+          onError(error);
+        } finally {
+          onFinish();
+        }
+      },
+      // Reset
+      reset: () => set({ ...this.initialState, ...this.extendInitialState() })
+    };
+  }
   build() {
     return create()(
       persist(
-        (set, get) => ({
-          ...this.initialState,
-          // Setters
-          setUser: (user) => {
-            set({
-              user,
-              isAuthenticated: user !== null
-            });
-          },
-          setLoading: (loading) => set({ loading }),
-          setError: (error) => set({ error }),
-          // Getters
-          getUser: async () => {
-            try {
-              set({ loading: true, error: null });
-              const response = await this.authService.getUser();
-              const userData = response.data.data.user;
-              set({
-                user: userData,
-                isAuthenticated: true,
-                loading: false
-              });
-              return response.data;
-            } catch (error) {
-              set({
-                user: null,
-                isAuthenticated: false,
-                loading: false,
-                error
-              });
-            }
-          },
-          // Actions
-          login: async (credentials, actions) => {
-            const { onSuccess = () => {
-            }, onError = () => {
-            }, onFinish = () => {
-            } } = actions || {};
-            try {
-              set({ loading: true, error: null });
-              const response = await this.authService.login(credentials);
-              await get().getUser();
-              onSuccess(response);
-              return response.data;
-            } catch (error) {
-              set({
-                user: null,
-                isAuthenticated: false,
-                loading: false,
-                error
-              });
-              onError(error);
-            } finally {
-              onFinish();
-            }
-          },
-          register: async (credentials, actions) => {
-            const { onSuccess = () => {
-            }, onError = () => {
-            }, onFinish = () => {
-            } } = actions || {};
-            try {
-              set({ loading: true, error: null });
-              const response = await this.authService.register(credentials);
-              await get().getUser();
-              onSuccess(response);
-              return response.data;
-            } catch (error) {
-              set({
-                user: null,
-                isAuthenticated: false,
-                loading: false,
-                error
-              });
-              onError(error);
-            } finally {
-              onFinish();
-            }
-          },
-          logout: async (actions) => {
-            const { onSuccess = () => {
-            }, onError = () => {
-            }, onFinish = () => {
-            } } = actions || {};
-            try {
-              set({ loading: true, error: null });
-              await this.authService.logout();
-              set({
-                user: null,
-                isAuthenticated: false,
-                loading: false,
-                error: null
-              });
-              onSuccess(null);
-            } catch (error) {
-              set({ loading: false, error });
-              onError(error);
-            } finally {
-              onFinish();
-            }
-          },
-          updateUser: async (userId, updateUserData, actions) => {
-            const { onSuccess = () => {
-            }, onError = () => {
-            }, onFinish = () => {
-            } } = actions || {};
-            try {
-              set({ loading: true, error: null });
-              const response = await this.authService.updateUser(userId, updateUserData);
-              await get().getUser();
-              onSuccess(response);
-              return response.data;
-            } catch (error) {
-              set({ loading: false, error });
-              onError(error);
-            } finally {
-              onFinish();
-            }
-          },
-          deleteUser: async (userId, actions) => {
-            const { onSuccess = () => {
-            }, onError = () => {
-            }, onFinish = () => {
-            } } = actions || {};
-            try {
-              set({ loading: true, error: null });
-              const response = await this.authService.deleteUser(userId);
-              set({
-                user: null,
-                isAuthenticated: false,
-                loading: false,
-                error: null
-              });
-              onSuccess(response);
-              return response.data;
-            } catch (error) {
-              set({ loading: false, error });
-              onError(error);
-            } finally {
-              onFinish();
-            }
-          },
-          // Reset
-          reset: () => set(this.initialState)
-        }),
+        (set, get) => this.buildStoreState(set, get),
         {
           name: "auth-storage",
           partialize: (state) => ({
             user: state.user,
-            isAuthenticated: state.isAuthenticated
+            isAuthenticated: state.isAuthenticated,
+            ...this.extendPartialize(state)
           })
         }
       )

package/dist/modules/CoreCustomization/classes/CoreCustomizationBuilder.d.ts

@@ -1,10 +1,11 @@
 import { CoreCustomizationBaseService } from '../services/base';
 import { CoreCustomizationStore } from '../types/CoreCustomization';
-import { CoreBuilder } from '../../../classes/CoreBuilder';
-export declare class CoreCustomizationBuilder implements CoreBuilder {
+import { CoreBaseBuilder } from '../../../classes/CoreBaseBuilder';
+export declare class CoreCustomizationBuilder extends CoreBaseBuilder<CoreCustomizationStore> {
     protected customizationService: CoreCustomizationBaseService;
     protected initialState: Pick<CoreCustomizationStore, "template" | "components" | "styles" | "settings" | "loading" | "error">;
     constructor(service?: CoreCustomizationBaseService, initialState?: Partial<CoreCustomizationStore>);
+    protected getBaseState(set: any, _get: any): CoreCustomizationStore;
     build(): import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<CoreCustomizationStore>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<CoreCustomizationStore, {

package/dist/modules/CoreCustomization/classes/CoreCustomizationBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreCustomizationBuilder.d.ts","sourceRoot":"","sources":["../../../../src/modules/CoreCustomization/classes/CoreCustomizationBuilder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,qBAAa,wBAAyB,YAAW,WAAW;IAC1D,SAAS,CAAC,oBAAoB,EAAE,4BAA4B,CAAC;IAC7D,SAAS,CAAC,YAAY,EAOjB,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;gBAGzG,OAAO,GAAE,4BAAiE,EAC1E,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC;IAQzC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFb"}
+{"version":3,"file":"CoreCustomizationBuilder.d.ts","sourceRoot":"","sources":["../../../../src/modules/CoreCustomization/classes/CoreCustomizationBuilder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,qBAAa,wBAAyB,SAAQ,eAAe,CAAC,sBAAsB,CAAC;IACnF,SAAS,CAAC,oBAAoB,EAAE,4BAA4B,CAAC;IAC7D,SAAS,CAAC,YAAY,EAOjB,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;gBAGzG,OAAO,GAAE,4BAAiE,EAC1E,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC;IAShD,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,sBAAsB;IA4E5D,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBb"}

package/dist/modules/CoreCustomization/classes/CoreCustomizationBuilder.js

@@ -1,8 +1,9 @@
 import { create } from 'zustand';
 import { persist } from '../../../node_modules/zustand/esm/middleware.js';
 import { CoreCustomizationBaseService } from '../services/base.js';
+import { CoreBaseBuilder } from '../../../classes/CoreBaseBuilder.js';
 
-class CoreCustomizationBuilder {
+class CoreCustomizationBuilder extends CoreBaseBuilder {
   customizationService;
   initialState = {
     template: null,
@@ -13,79 +14,84 @@ class CoreCustomizationBuilder {
     error: null
   };
   constructor(service = new CoreCustomizationBaseService(), initialState) {
+    super();
     this.customizationService = service;
     if (initialState) {
       this.initialState = { ...this.initialState, ...initialState };
     }
   }
+  getBaseState(set, _get) {
+    return {
+      ...this.initialState,
+      // Setters
+      setLoading: (loading) => set({ loading }),
+      setError: (error) => set({ error }),
+      setTemplate: (template) => set({ template }),
+      setComponents: (components) => set({ components }),
+      setStyles: (styles) => set({ styles }),
+      setSettings: (settings) => set({ settings }),
+      // Actions
+      fetchTemplate: async (params) => {
+        const { onlyFetch } = params || {};
+        try {
+          if (!onlyFetch) {
+            set({ loading: true, error: null });
+          }
+          const response = await this.customizationService.fetchTemplate();
+          const template = response.data.data;
+          if (!onlyFetch) {
+            set({
+              template: template.template || null,
+              styles: template.styles || null,
+              loading: false
+            });
+          }
+          return template;
+        } catch (error) {
+          if (!onlyFetch) {
+            set({ loading: false, error });
+          }
+          throw error;
+        }
+      },
+      fetchSettings: async (params) => {
+        const { onlyFetch } = params || {};
+        try {
+          if (!onlyFetch) {
+            set({ loading: true, error: null });
+          }
+          const response = await this.customizationService.fetchSettings();
+          const settings = response.data.data.configuration;
+          if (!onlyFetch) {
+            set({
+              settings,
+              loading: false
+            });
+          }
+          return settings;
+        } catch (error) {
+          if (!onlyFetch) {
+            set({ loading: false, error });
+          }
+          throw error;
+        }
+      },
+      // Reset
+      reset: () => set({ ...this.initialState, ...this.extendInitialState() })
+    };
+  }
   build() {
     return create()(
       persist(
-        (set) => ({
-          ...this.initialState,
-          // Setters
-          setLoading: (loading) => set({ loading }),
-          setError: (error) => set({ error }),
-          setTemplate: (template) => set({ template }),
-          setComponents: (components) => set({ components }),
-          setStyles: (styles) => set({ styles }),
-          setSettings: (settings) => set({ settings }),
-          // Actions
-          fetchTemplate: async (params) => {
-            const { onlyFetch } = params || {};
-            try {
-              if (!onlyFetch) {
-                set({ loading: true, error: null });
-              }
-              const response = await this.customizationService.fetchTemplate();
-              const template = response.data.data;
-              if (!onlyFetch) {
-                set({
-                  template: template.template || null,
-                  styles: template.styles || null,
-                  loading: false
-                });
-              }
-              return template;
-            } catch (error) {
-              if (!onlyFetch) {
-                set({ loading: false, error });
-              }
-              throw error;
-            }
-          },
-          fetchSettings: async (params) => {
-            const { onlyFetch } = params || {};
-            try {
-              if (!onlyFetch) {
-                set({ loading: true, error: null });
-              }
-              const response = await this.customizationService.fetchSettings();
-              const settings = response.data.data.configuration;
-              if (!onlyFetch) {
-                set({
-                  settings,
-                  loading: false
-                });
-              }
-              return settings;
-            } catch (error) {
-              if (!onlyFetch) {
-                set({ loading: false, error });
-              }
-              throw error;
-            }
-          },
-          // Reset
-          reset: () => set(this.initialState)
-        }),
+        (set, get) => this.buildStoreState(set, get),
         {
           name: "customization-storage",
           partialize: (state) => ({
             template: state.template,
             components: state.components,
             styles: state.styles,
-            settings: state.settings
+            settings: state.settings,
+            ...this.extendPartialize(state)
           })
         }
       )