@feedmepos/mf-brand-app-builder 0.5.21-dev.0 → 0.5.22-dev.1

package/dist/app.js

@@ -1,5 +1,5 @@
 import "vue";
-import { c as i, d as o, i as e, r as m } from "./app-lMq3BVlx.js";
+import { c as i, d as o, i as e, r as m } from "./app-CJ2VgCHp.js";
 export {
   i as FmApp,
   o as FormKitPlugin,

package/dist/brand-core/src/entity.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateNode } from "@feedmepos/ordering-ui";
 export type BrandFont = {
     name: string;
     source: 'google' | 'custom';
@@ -38,16 +39,35 @@ export type BrandKit = {
         heading?: string;
         body?: string;
     };
+    fontFamilies?: {
+        stylesheet: string;
+    }[];
     ordering?: {
         app: {
             category: 'HORIZONTAL' | 'VERTICAL';
             items: 'LIST' | 'GRID';
+            singleCategory: boolean;
         };
         kiosk: {
             category: 'HORIZONTAL' | 'VERTICAL';
         };
     };
+    layout?: {
+        app?: {
+            template?: {
+                mainView?: Record<string, unknown>;
+                cartView?: Record<string, unknown>;
+            };
+        };
+        kiosk?: {
+            template?: {
+                mainView?: Record<string, unknown>;
+                cartView?: Record<string, unknown>;
+            };
+        };
+    };
 };
+export { type TemplateNode };
 export type FdoMetadata = {
     type: 'BUSINESS' | 'RESTAURANT';
     country: string;

package/dist/client/components/src/components/Member/MemberCards.vue.d.ts

@@ -10,6 +10,7 @@ interface IMemberCardsProps {
     data: IMembershipCardData | null;
     authLoading: boolean;
     signedIn: boolean;
+    primaryColor?: string;
 }
 declare const _default: import("vue").DefineComponent<IMemberCardsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     linkClick: (link: ILink) => any;

package/dist/client/components/src/components/MemberCard.vue.d.ts

@@ -22,6 +22,9 @@ interface IMembershipCardProps {
     signedIn?: boolean;
     designStyle: number;
     showMemberQr: boolean;
+    primaryColor?: string;
+    accentColor?: string;
+    textOnPrimaryColor?: string;
 }
 declare const _default: import("vue").DefineComponent<IMembershipCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     linkClick: (linkTo: ILink) => any;
@@ -35,5 +38,8 @@ declare const _default: import("vue").DefineComponent<IMembershipCardProps, {},
     onOpenMemberQr?: (() => any) | undefined;
 }>, {
     showMemberQr: boolean;
+    primaryColor: string;
+    accentColor: string;
+    textOnPrimaryColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/client/components/src/components/OrderHistoryCard.vue.d.ts

@@ -11,6 +11,8 @@ interface IOrderHistoryCardProps {
     data: IOrderHistoryData[];
     signedIn: boolean;
     authLoading?: boolean;
+    primaryColor?: string;
+    textOnPrimaryColor?: string;
 }
 declare const _default: import("vue").DefineComponent<IOrderHistoryCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     signIn: () => any;
@@ -18,5 +20,8 @@ declare const _default: import("vue").DefineComponent<IOrderHistoryCardProps, {}
 }, string, import("vue").PublicProps, Readonly<IOrderHistoryCardProps> & Readonly<{
     onSignIn?: (() => any) | undefined;
     onOrderClicked?: ((orderId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    primaryColor: string;
+    textOnPrimaryColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { type IBaResponse } from '..';
-import type { BrandKit } from '../../../../../brand-core/src/entity';
+import type { BrandKit } from '@feedmepos/brand-core';
 /**
  * Get all business and country info from top-level slug
  * @param slug

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

@@ -98,6 +98,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -385,6 +386,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -751,6 +754,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -968,7 +983,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -1143,6 +1157,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -1422,6 +1437,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -1820,6 +1837,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -2037,7 +2066,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -2104,8 +2132,13 @@ export declare const i18nMessages: {
                     currentSelection: string;
                     saveSettings: string;
                     settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
                 };
             };
+            app: {
+                runningVersion: string;
+            };
         };
     };
     'zh-TW': {
@@ -2207,6 +2240,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -2484,6 +2518,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -2859,6 +2895,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -3076,7 +3124,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -3143,8 +3190,13 @@ export declare const i18nMessages: {
                     currentSelection: string;
                     saveSettings: string;
                     settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
                 };
             };
+            app: {
+                runningVersion: string;
+            };
         };
     };
     'th-TH': {
@@ -3246,6 +3298,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -3525,6 +3578,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -3854,6 +3909,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -4071,7 +4138,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -4120,6 +4186,27 @@ export declare const i18nMessages: {
                     delete: string;
                     unpublish: string;
                 };
+                ordering: {
+                    title: string;
+                    subtitle: string;
+                    kioskSettings: string;
+                    kioskSettingsDescription: string;
+                    orderAppSettings: string;
+                    orderAppDescription: string;
+                    categoryLayout: string;
+                    categoryLayoutDescription: string;
+                    horizontal: string;
+                    vertical: string;
+                    menuLayout: string;
+                    menuLayoutDescription: string;
+                    grid: string;
+                    list: string;
+                    currentSelection: string;
+                    saveSettings: string;
+                    settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
+                };
             };
             settings: {
                 title: string;

package/dist/client/merchant/src/components/modals/TemplateSelectionModal.vue.d.ts

@@ -0,0 +1,18 @@
+export interface TemplateTypeOption {
+    type: 'default' | 'blank';
+    title: string;
+    description: string;
+    previewImage?: string;
+}
+interface Props {
+    show: boolean;
+    templateOptions: TemplateTypeOption[];
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    select: (templateType: "default" | "blank") => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSelect?: ((templateType: "default" | "blank") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/client/merchant/src/components/order-template/LayoutTemplateSection.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    title: string;
+    description: string;
+    warning?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<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>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/merchant/src/components/order-template/OrderTemplateEditorButton.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    switchLabel?: string;
+    template: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (template: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((template: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/merchant/src/components/order-template/OrderTemplateEditorForm.vue.d.ts

@@ -0,0 +1,14 @@
+interface OrderTemplate {
+    [key: string]: any;
+}
+interface Props {
+    template: OrderTemplate | null;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: string) => any;
+    update: (template: OrderTemplate) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((error: string) => any) | undefined;
+    onUpdate?: ((template: OrderTemplate) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/merchant/src/composables/useNode/index.d.ts

@@ -4,6 +4,7 @@
  */
 export declare function useNodeManager(): {
     buildNewNode: (nodeType: string, data: any, props?: any) => INodeComponent;
+    generateId: () => string;
     copyNode: (node: INodeComponent) => void;
     pasteNode: () => void;
 };

package/dist/client/merchant/src/config/defaultTemplateConfig.d.ts

@@ -0,0 +1,18 @@
+import { type INodeComponent } from '../composables/useNode';
+/**
+ * Default template configuration extracted from DefaultTemplate.vue
+ * This provides a starting point for new templates with pre-built components
+ */
+export declare const defaultTemplateConfig: INodeComponent[];
+/**
+ * Default member template configuration extracted from DefaultMemberTemplate.vue
+ * This provides member-specific components for member templates
+ */
+export declare const defaultMemberTemplateConfig: INodeComponent[];
+/**
+ * Creates a default homepage node with pre-configured components
+ * @param nodeManager - Node manager instance to create nodes
+ * @param isMemberTemplate - Whether this is a member template
+ * @returns Configured homepage node
+ */
+export declare function createDefaultTemplate(nodeManager: any, isMemberTemplate?: boolean): INodeComponent;

package/dist/client/merchant/src/node-configs/member-card/mock-data.d.ts

@@ -4,6 +4,7 @@ export declare const MemberCard: {
     memberTierName: string;
     memberCredit: number;
     memberPoints: number;
+    memberCoins: number;
     memberTitles: string[];
     memberCurrentTierTotal: number;
     memberPointToNextTier: number;

package/dist/client/merchant/src/node-configs/member-card/props.d.ts

@@ -5,6 +5,7 @@ export declare const MemberCard: {
         memberTierName: string;
         memberCredit: number;
         memberPoints: number;
+        memberCoins: number;
         memberTitles: string[];
         memberCurrentTierTotal: number;
         memberPointToNextTier: number;

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

@@ -1,4 +1,4 @@
-import type { BrandKit } from '../../../../../brand-core/src/entity';
+import type { BrandKit } from '@feedmepos/brand-core';
 export declare const useBusinessStore: import("pinia").StoreDefinition<"business", Pick<{
     state: import("vue").Ref<{
         multiCountrySlug: {
@@ -37,15 +37,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }, IState | {
         multiCountrySlug: {
@@ -84,15 +102,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }>;
     getGlobalSlug: (slug: string) => Promise<void>;
@@ -136,15 +172,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }, IState | {
         multiCountrySlug: {
@@ -183,15 +237,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }>;
     getGlobalSlug: (slug: string) => Promise<void>;
@@ -235,15 +307,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }, IState | {
         multiCountrySlug: {
@@ -282,15 +372,33 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies?: {
+                stylesheet: string;
+            }[] | undefined;
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
                 };
             } | undefined;
+            layout?: {
+                app?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+                kiosk?: {
+                    template?: {
+                        mainView?: Record<string, unknown> | undefined;
+                        cartView?: Record<string, unknown> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | null;
     }>;
     getGlobalSlug: (slug: string) => Promise<void>;

package/dist/{image-Dpri5FX2.js → image-BtHlnsmY.js}

@@ -1,4 +1,4 @@
-import { H as r, b as p } from "./index-B9eW8FKP.js";
+import { H as r, b as p } from "./index-BXwbQwb-.js";
 const i = () => p().PWA_ICON_SERVICE_BACKEND;
 async function d(e, t, a) {
   const n = new FormData();

package/dist/{index-CeGUgOHl.js → index-5BRydZO9.js}

@@ -1,4 +1,4 @@
-import { B as u } from "./index-BveesOeC.js";
+import { B as u } from "./index-BEAkOquM.js";
 import { defineStore as a } from "pinia";
 import { ref as r } from "vue";
 const c = a("business", () => {

package/dist/{index-BveesOeC.js → index-BEAkOquM.js}

@@ -1,4 +1,4 @@
-import { H as e, b as r } from "./index-B9eW8FKP.js";
+import { H as e, b as r } from "./index-BXwbQwb-.js";
 const o = () => r().PORTAL_V2_BACKEND, d = () => r().LICENSE_BACKEND;
 async function c(t) {
   return (await e.Get(