@feedmepos/mf-brand-app-builder 0.5.17 → 0.5.18

package/dist/client/merchant/src/stores/business/index.d.ts

@@ -0,0 +1,262 @@
+import type { BrandKit } from '../../../../../brand-core/src/entity';
+export declare const useBusinessStore: import("pinia").StoreDefinition<"business", Pick<{
+    state: import("vue").Ref<{
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }, IState | {
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }>;
+    getGlobalSlug: (slug: string) => Promise<void>;
+    getPremiumStatus: (businessId: string) => Promise<void>;
+    getBusinessBrandkit: (businessId: string) => Promise<void>;
+}, "state">, Pick<{
+    state: import("vue").Ref<{
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }, IState | {
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }>;
+    getGlobalSlug: (slug: string) => Promise<void>;
+    getPremiumStatus: (businessId: string) => Promise<void>;
+    getBusinessBrandkit: (businessId: string) => Promise<void>;
+}, never>, Pick<{
+    state: import("vue").Ref<{
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }, IState | {
+        multiCountrySlug: {
+            [key: string]: string;
+        } | null;
+        isPremium: boolean;
+        brandkit: {
+            colors: {
+                primary: string;
+                secondary: string;
+                accent: string;
+                background: {
+                    base: string;
+                    elevated: string;
+                };
+                neutral: {
+                    light: string;
+                    mid: string;
+                    dark: string;
+                };
+                status: {
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info?: string | undefined;
+                };
+                text: {
+                    onPrimary: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                };
+            };
+            fonts: {
+                brand: string;
+                heading?: string | undefined;
+                body?: string | undefined;
+            };
+        } | null;
+    }>;
+    getGlobalSlug: (slug: string) => Promise<void>;
+    getPremiumStatus: (businessId: string) => Promise<void>;
+    getBusinessBrandkit: (businessId: string) => Promise<void>;
+}, "getGlobalSlug" | "getPremiumStatus" | "getBusinessBrandkit">>;
+interface IState {
+    /**
+     * @example
+     * ```
+     * {
+     *   "MY": "business-id-1",
+     *   "SG": "business-id-2"
+     * }
+     * ```
+     */
+    multiCountrySlug: {
+        [key: string]: string;
+    } | null;
+    isPremium: boolean;
+    brandkit: BrandKit | null;
+}
+export {};

package/dist/{merchant → client/merchant}/src/stores/editor/index.d.ts

@@ -1,4 +1,4 @@
-import type { INodeComponent } from '../../composables/useNode';
+import { type INodeComponent } from '../../composables/useNode';
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", Pick<{
     state: import("vue").Ref<{
         node: {

package/dist/{merchant → client/merchant}/src/stores/template/index.d.ts

@@ -5,120 +5,189 @@ export declare const useTemplateStore: import("pinia").StoreDefinition<"template
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
-    unpublishTemplate: (businessId: string) => Promise<void>;
+    unpublishTemplate: (businessId: string, templateId?: string) => Promise<void>;
 }, "state">, Pick<{
     state: import("vue").Ref<{
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
-    unpublishTemplate: (businessId: string) => Promise<void>;
+    unpublishTemplate: (businessId: string, templateId?: string) => Promise<void>;
 }, never>, Pick<{
     state: import("vue").Ref<{
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
-    unpublishTemplate: (businessId: string) => Promise<void>;
+    unpublishTemplate: (businessId: string, templateId?: string) => Promise<void>;
 }, "getAllTemplates" | "publishTemplate" | "getMainTemplateId" | "setSelectedTemplate" | "saveTemplate" | "setMainPageTemplate" | "addNewTemplate" | "renameTemplate" | "deleteTemplate" | "unpublishTemplate">>;
 interface ITemplateStore {
     /** List of all templates under current business */
@@ -131,6 +200,8 @@ interface ITemplateStore {
     selectedTemplate: ITemplateDetails | null;
     /** Current business's mainpage */
     activeTemplateId: string;
+    /** Current business's main member page template */
+    activeMemberTemplateId: string;
 }
 export interface ITemplateDetails {
     /** User-defined template name */
@@ -139,7 +210,15 @@ export interface ITemplateDetails {
     templateId: string;
     /** Created date in `ISO-8601` string, generated by system */
     created?: string;
+    /** Updated date in `ISO-8601` string, generated by system */
+    updatedAt?: string;
+    /** Published date in `ISO-8601` string, generated by system */
+    publishedAt?: string;
     /** Whether template is published publicly */
     isPublished: boolean;
+    /** Whether template is a predefined template */
+    predefined?: boolean;
+    /** Group of the template */
+    group?: string | null;
 }
 export {};

package/dist/client/merchant/src/views/BuilderView.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    templateId: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/merchant/src/views/views.d.ts

@@ -0,0 +1,101 @@
+export declare const predefinedTemplates: ({
+    readonly templateAlias: "Profile";
+    readonly templateId: "member-profile";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_MemberProfile";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Tier Benefits";
+    readonly templateId: "member-tier";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Tier";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Title Benefits";
+    readonly templateId: "member-title";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Title";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Voucher";
+    readonly templateId: "member-voucher";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Voucher";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Credit";
+    readonly templateId: "member-credit";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Credit";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Point";
+    readonly templateId: "member-point";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Point";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Member Store";
+    readonly templateId: "member-store";
+    readonly group: "member";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_Store";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Invite friends";
+    readonly templateId: "member-referral";
+    readonly group: "referral";
+    readonly predefined: true;
+    readonly editable: true;
+    readonly type: "_Referral";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "Invite History";
+    readonly templateId: "member-referral-history";
+    readonly group: "referral";
+    readonly predefined: true;
+    readonly editable: false;
+    readonly type: "_InviteHistory";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+} | {
+    readonly templateAlias: "How It Works";
+    readonly templateId: "member-referral-tutorial";
+    readonly group: "referral";
+    readonly predefined: true;
+    readonly editable: true;
+    readonly type: "_ReferralTutorial";
+    readonly isPublished: true;
+    readonly updatedAt: null;
+    readonly publishedAt: null;
+})[];

package/dist/{image-CZHt-VXw.js → image-BYlGZH0E.js}

@@ -1,4 +1,4 @@
-import { H as r } from "./index-C9F3TTHx.js";
+import { H as r } from "./index-DDahVJiF.js";
 async function p(e, t, a) {
   const n = new FormData();
   return n.append("file", a), (await r.Put(

package/dist/index-BvuwuHni.js

@@ -0,0 +1,30 @@
+import { B as u } from "./index-bSKZrhdP.js";
+import { defineStore as a } from "pinia";
+import { ref as r } from "vue";
+const c = a("business", () => {
+  const s = r({
+    multiCountrySlug: null,
+    isPremium: !1,
+    brandkit: null
+  });
+  async function e(t) {
+    s.value.multiCountrySlug = await u.getGlobalSlug(t).catch(
+      () => null
+    );
+  }
+  async function i(t) {
+    s.value.isPremium = await u.getBusinessPremiumStatus(t);
+  }
+  async function n(t) {
+    s.value.brandkit = await u.getBusinessBrandkit(t);
+  }
+  return {
+    state: s,
+    getGlobalSlug: e,
+    getPremiumStatus: i,
+    getBusinessBrandkit: n
+  };
+});
+export {
+  c as u
+};